Farben

#602000 #604000 #606000 #608000 #60A000 #60C000 #60F000

Oft schon wurde ich danach gefragt, wie ich denn weiß, welche Zahl welche Farbe hat. Man kann sich dies ausrechnen, doch ich nutze dazu einfach Fotoshop und eine meiner uralten Farbtabellen, dich ich weiter unten zur Verfügung stelle und von der hier ein Ausschnitt zu sehen ist.

Doch egal wie Sie zu den Farben für ihre Website kommen, testen Sie die Farben, ob sie auch genug Kontrast für Menschen mit Seheinschränkungen haben. Machen Sie den sehr einfachen Rot Grün Sehtest, dann sind Sie zumindest nicht ganz falsch.

Farbtabelle

Diese Tabelle ist sehr alt, sie zeigt die Farbe und innen drin stehen die richtigen Zahlen, um diese Farbe in einem HTML Dokument darstellen zu können.

Der Name der jeweiligen Farbe steht nicht dabei.

Einfach, weil ich auch keine wirklich sinnvollen Namen für all diese Schattierungen gefunden habe.

Solche Farbtabellen oder Farbtools gibt es sehr viele im Internet. Doch das eigene Bildbearbeitungsprogramm bietet dies auch und meist noch genauer.

Ob jede Farbe auf jeden Bildschirm gleich aussieht ist von der jeweiligen Grafikkarte und der Einstellung des Computers abhängig auf dem die Website erscheint.

#000000 #303000 #606060 #909090 #B0B0B0 #F0F0F0 #FFFFFF
#002000 #004000 #006000 #008000 #00A000 #00C000 #00F000
#202000 #204000 #206000 #208000 #20A000 #20C000 #20F000
#402000 #404000 #406000 #408000 #40A000 #40C000 #40F000
#602000 #604000 #606000 #608000 #60A000 #60C000 #60F000
#802000 #804000 #806000 #808000 #80A000 #80C000 #80F000
#A02000 #A04000 #A06000 #A08000 #A0A000 #A0C000 #A0F000
#C02000 #C04000 #C06000 #C08000 #C0A000 #C0C000 #C0F000
#F02000 #F04000 #F06000 #F08000 #F0A000 #F0C000 #F0F000
#002020 #004020 #006020 #008020 #00A020 #00C020 #00F020
#202020 #204020 #206020 #208020 #20A020 #20C020 #20F020
#402020 #404020 #406020 #408020 #40A020 #40C020 #40F020
#602020 #604020 #606020 #608020 #60A020 #60C020 #60F020
#802020 #804020 #806020 #808020 #80A020 #80C020 #80F020
#A02020 #A04020 #A06020 #A08020 #A0A020 #A0C020 #A0F020
#C02020 #C04020 #C06020 #C08020 #C0A020 #C0C020 #C0F020
#F02020 #F04020 #F06020 #F08020 #F0A020 #F0C020 #F0F020
#002040 #004040 #006040 #008040 #00A040 #00C040 #00F040
#202040 #204040 #206040 #208040 #20A040 #20C040 #20F040
#402040 #404040 #406040 #408040 #40A040 #40C040 #40F040
#602040 #604040 #606040 #608040 #60A040 #60C040 #60F040
#802040 #804040 #806040 #808040 #80A040 #80C040 #80F040
#A02040 #A04040 #A06040 #A08040 #A0A040 #A0C040 #A0F040
#C02040 #C04040 #C06040 #C08040 #C0A040 #C0C040 #C0F040
#F02040 #F04040 #F06040 #F08040 #F0A040 #F0C040 #F0F040
#002060 #004060 #006060 #008060 #00A060 #00C060 #00F060
#202060 #204060 #206060 #208060 #20A060 #20C060 #20F060
#402060 #404060 #406060 #408060 #40A060 #40C060 #40F060
#602060 #604060 #606060 #608060 #60A060 #60C060 #60F060
#802060 #804060 #806060 #808060 #80A060 #80C060 #80F060
#A02060 #A04060 #A06060 #A08060 #A0A060 #A0C060 #A0F060
#C02060 #C04060 #C06060 #C08060 #C0A060 #C0C060 #C0F060
#F02060 #F04060 #F06060 #F08060 #F0A060 #F0C060 #F0F060
#002080 #004080 #006080 #008080 #00A080 #00C080 #00F080
#202080 #204080 #206080 #208080 #20A080 #20C080 #20F080
#402080 #404080 #406080 #408080 #40A080 #40C080 #40F080
#602080 #604080 #606080 #608080 #60A080 #60C080 #60F080
#802080 #804080 #806080 #808080 #80A080 #80C080 #80F080
#A02080 #A04080 #A06080 #A08080 #A0A080 #A0C080 #A0F080
#C02080 #C04080 #C06080 #C08080 #C0A080 #C0C080 #C0F080
#F02080 #F04080 #F06080 #F08080 #F0A080 #F0C080 #F0F080
#0020A0 #0040A0 #0060A0 #0080A0 #00A0A0 #00C0A0 #00F0A0
#2020A0 #2040A0 #2060A0 #2080A0 #20A0A0 #20C0A0 #20F0A0
#4020A0 #4040A0 #4060A0 #4080A0 #40A0A0 #40C0A0 #40F0A0
#6020A0 #6040A0 #6060A0 #6080A0 #60A0A0 #60C0A0 #60F0A0
#8020A0 #8040A0 #8060A0 #8080A0 #80A0A0 #80C0A0 #80F0A0
#A020A0 #A040A0 #A060A0 #A080A0 #A0A0A0 #A0C0A0 #A0F0A0
#C020A0 #C040A0 #C060A0 #C080A0 #C0A0A0 #C0C0A0 #C0F0A0
#F020A0 #F040A0 #F060A0 #F080A0 #F0A0A0 #F0C0A0 #F0F0A0
#0020C0 #0040C0 #0060C0 #0080C0 #00A0C0 #00C0C0 #00F0C0
#2020C0 #2040C0 #2060C0 #2080C0 #20A0C0 #20C0C0 #20F0C0
#4020C0 #4040C0 #4060C0 #4080C0 #40A0C0 #40C0C0 #40F0C0
#6020C0 #6040C0 #6060C0 #6080C0 #60A0C0 #60C0C0 #60F0C0
#8020C0 #8040C0 #8060C0 #8080C0 #80A0C0 #80C0C0 #80F0C0
#A020C0 #A040C0 #A060C0 #A080C0 #A0A0C0 #A0C0C0 #A0F0C0
#C020C0 #C040C0 #C060C0 #C080C0 #C0A0C0 #C0C0C0 #C0F0C0
#F020C0 #F040C0 #F060C0 #F080C0 #F0A0C0 #F0C0C0 #F0F0C0
#0020F0 #0040F0 #0060F0 #0080F0 #00A0F0 #00C0F0 #00F0F0
#2020F0 #2040F0 #2060F0 #2080F0 #20A0F0 #20C0F0 #20F0F0
#4020F0 #4040F0 #4060F0 #4080F0 #40A0F0 #40C0F0 #40F0F0
#6020F0 #6040F0 #6060F0 #6080F0 #60A0F0 #60C0F0 #60F0F0
#8020F0 #8040F0 #8060F0 #8080F0 #80A0F0 #80C0F0 #80F0F0
#A020F0 #A040F0 #A060F0 #A080F0 #A0A0F0 #A0C0F0 #A0F0F0
#C020F0 #C040F0 #C060F0 #C080F0 #C0A0F0 #C0C0F0 #C0F0F0
#F020F0 #F040F0 #F060F0 #F080F0 #F0A0F0 #F0C0F0 #F0F0F0
#000000 #200000 #400000 #800000 #A00000 #C00000 #F00000
#002000 #004000 #006000 #008000 #00A000 #00C000 #00F000
#000020 #000040 #000060 #000080 #0000A0 #0000C0 #0000F0
mts

Ebenfalls informativ und lesenswert

9 Kommentare zu “Farben

  1. mts

    Oh Fritz you made my day,
    den habe ich schon lange gesucht, weil ich die URl nicht mehr fand 😉

    bloß ich selber nutze die Accessibility Toolbar, weil die noch am besten funktioniert oder eben vischek.com

    lg

  2. Chris

    Hallo zusammen,

    ich kann Euch da ein sehr gutes Tool empfehlen, es heißt ColorMatch 5K und ihr findet es bei http://colormatch.dk. Das Problem ist leider, dass Ding funktioniert nicht mit Mozilla sondern nur mit dem InternetExplorer.

    Gruß
    Chris

  3. Mathias

    Perfekt! Danke für die Tabelle. Endlich mal spuckt auch Google was passendes aus!

    Danke!

  4. Marcus

    Danke für die hilfreiche Farbtabelle… Habe lange bei Google suchen müssen bis ich eine hilfreiche Tabelle gefunden habe.
    Besten Gruß,
    Marcus