Farben
HTML Farben, RGB Farben. Was bedeuten die Zahlen nach der Raute? Welche Farbe hat welche Zahl. Tools um Farben auf Kontraste zu testen.
| #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 |
Basis Know-how CSS
Internetmarketing
zu : Farben 
Rechtliches
Impressum
Hi Monika,
schau Dir doch mal folgenden Test für Farbenblindheit an:
http://colorfilter.wickline.org/
Gruß Fritz
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
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
Und hier ColorMatch für Mozilla und Firefox:
http://www.hlrnet.com/colormatch/de.php
Danke für die Farbtabelle.
Vielen Dank für die Tabelle!
Sehr übersichtlich und schnell nutzbar.
LG
Klaus
Genau die Tabelle hab ich gebraucht!Danke!!
Perfekt! Danke für die Tabelle. Endlich mal spuckt auch Google was passendes aus!
Danke!
Danke für die hilfreiche Farbtabelle… Habe lange bei Google suchen müssen bis ich eine hilfreiche Tabelle gefunden habe.
Besten Gruß,
Marcus