Die Suche wird zurzeit überarbeitet
HTML Basis
Gesamt
Extras
Extras
Farbkombinationen: Diverse Beispiele
Es gibt fast unendlich viele Farbkombinationen. Ich habe mich bei den Beispielen auf die sogenannten "sicheren" Farben beschränkt Das sind 216 von Netscape definierte Standardfarben, die praktisch von jedem aktuellen Browser und Monitor gleich dargestellt werden sollten. Aber auch damit sind noch schlappe 46.656 Kombinationen möglich.
In meinem Tools-Bereich ist ein Farben-Testmodell aufrufbar, welches diese 216 Standardfarben anzeigt. Sie können es hier in einem eigenen Fenster öffnen.
Die hier angezeigte Schriftart soll Arial sein. Als Alternativen habe ich Helvetica und Verdana angegeben. Welche Schriftart letztlich bei Ihnen angezeigt wird, ist von den auf Ihrem PC installierten Schriften abhängig. Die Schriftgröße können Sie im Browser selbst verändern.
Zunächst ein paar eher unleserliche Beispiele, die den Surfer so oder ähnlich bestimmt schon mal "erfreut" haben. Das Lesen am Bildschirm ist eh nicht immer angenehm. Ein Webmaster sollte es also nicht unnötig erschweren. Ich verrate Ihnen aber einen Trick, wie Sie auch solche Texte wieder wunderbar lesbar machen, wenn Sie mal als Surfer darauf treffen sollten: Drücken Sie einfach auf die linke Maustaste und ziehen die Maus dann über den Text!
Unleserliche Farbkombinationen
| 01 Hintergrundfarbe: #000000 und Textfarbe: #FF3366 normal unterstrichen Fettschrift Kursivschrift |
| 02 Hintergrundfarbe: #990000 und Textfarbe: #CC33CC normal unterstrichen Fettschrift Kursivschrift |
| 03 Hintergrundfarbe: #669900 und Textfarbe: #9999FF normal unterstrichen Fettschrift Kursivschrift |
| 04 Hintergrundfarbe: #999900 und Textfarbe: #CCCC99 normal unterstrichen Fettschrift Kursivschrift |
| 05 Hintergrundfarbe: #FF0000 und Textfarbe: #FFFF00 normal unterstrichen Fettschrift Kursivschrift |
| 06 Hintergrundfarbe: #00FFFF und Textfarbe: #999900 normal unterstrichen Fettschrift Kursivschrift |
| 07 Hintergrundfarbe: #FFFF00 und Textfarbe: #FF66FF normal unterstrichen Fettschrift Kursivschrift |
| 08 Hintergrundfarbe: #CCFF66 und Textfarbe: #9966FF normal unterstrichen Fettschrift Kursivschrift |
| 09 Hintergrundfarbe: #CCCCFF und Textfarbe: #FF3300 normal unterstrichen Fettschrift Kursivschrift |
| 10 Hintergrundfarbe: #FFCC00 und Textfarbe: #FFFFFF normal unterstrichen Fettschrift Kursivschrift |
Farbkombinationen mit schwarzer Textfarbe
| 01 Hintergrundfarbe: #CCCC99 und Textfarbe: #000000 normal unterstrichen Fettschrift Kursivschrift |
| 02 Hintergrundfarbe: #CCCC66 und Textfarbe: #000000 normal unterstrichen Fettschrift Kursivschrift |
| 03 Hintergrundfarbe: #CCCCCC und Textfarbe: #000000 normal unterstrichen Fettschrift Kursivschrift |
| 04 Hintergrundfarbe: #99CCCC und Textfarbe: #000000 normal unterstrichen Fettschrift Kursivschrift |
| 05 Hintergrundfarbe: #66CCCC und Textfarbe: #000000 normal unterstrichen Fettschrift Kursivschrift |
| 06 Hintergrundfarbe: #CC9999 und Textfarbe: #000000 normal unterstrichen Fettschrift Kursivschrift |
| 07 Hintergrundfarbe: #99CC99 und Textfarbe: #000000 normal unterstrichen Fettschrift Kursivschrift |
| 08 Hintergrundfarbe: #00FF99 und Textfarbe: #000000 normal unterstrichen Fettschrift Kursivschrift |
| 09 Hintergrundfarbe: #00CCFF und Textfarbe: #000000 normal unterstrichen Fettschrift Kursivschrift |
| 10 Hintergrundfarbe: #99CCFF und Textfarbe: #000000 normal unterstrichen Fettschrift Kursivschrift |
| 11 Hintergrundfarbe: #CCCCFF und Textfarbe: #000000 normal unterstrichen Fettschrift Kursivschrift |
| 12 Hintergrundfarbe: #FFCCCC und Textfarbe: #000000 normal unterstrichen Fettschrift Kursivschrift |
| 13 Hintergrundfarbe: #FFCC99 und Textfarbe: #000000 normal unterstrichen Fettschrift Kursivschrift |
| 14 Hintergrundfarbe: #FFCC66 und Textfarbe: #000000 normal unterstrichen Fettschrift Kursivschrift |
| 15 Hintergrundfarbe: #FF9999 und Textfarbe: #000000 normal unterstrichen Fettschrift Kursivschrift |
| 16 Hintergrundfarbe: #FFFF99 und Textfarbe: #000000 normal unterstrichen Fettschrift Kursivschrift |
| 17 Hintergrundfarbe: #FFFFCC und Textfarbe: #000000 normal unterstrichen Fettschrift Kursivschrift |
| 18 Hintergrundfarbe: #FFCCFF und Textfarbe: #000000 normal unterstrichen Fettschrift Kursivschrift |
| 19 Hintergrundfarbe: #FFCC00 und Textfarbe: #000000 normal unterstrichen Fettschrift Kursivschrift |
| 19 Hintergrundfarbe: #CCFF99 und Textfarbe: #000000 normal unterstrichen Fettschrift Kursivschrift |
Farbkombinationen mit weißer Textfarbe
| 01 Hintergrundfarbe: #000000 und Textfarbe: #FFFFFF normal unterstrichen Fettschrift Kursivschrift |
| 02 Hintergrundfarbe: #000066 und Textfarbe: #FFFFFF normal unterstrichen Fettschrift Kursivschrift |
| 03 Hintergrundfarbe: #000099 und Textfarbe: #FFFFFF normal unterstrichen Fettschrift Kursivschrift |
| 04 Hintergrundfarbe: #006699 und Textfarbe: #FFFFFF normal unterstrichen Fettschrift Kursivschrift |
| 05 Hintergrundfarbe: #006633 und Textfarbe: #FFFFFF normal unterstrichen Fettschrift Kursivschrift |
| 06 Hintergrundfarbe: #006666 und Textfarbe: #FFFFFF normal unterstrichen Fettschrift Kursivschrift |
| 07 Hintergrundfarbe: #330000 und Textfarbe: #FFFFFF normal unterstrichen Fettschrift Kursivschrift |
| 08 Hintergrundfarbe: #333300 und Textfarbe: #FFFFFF normal unterstrichen Fettschrift Kursivschrift |
| 09 Hintergrundfarbe: #660000 und Textfarbe: #FFFFFF normal unterstrichen Fettschrift Kursivschrift |
| 10 Hintergrundfarbe: #666600 und Textfarbe: #FFFFFF normal unterstrichen Fettschrift Kursivschrift |
| 11 Hintergrundfarbe: #990000 und Textfarbe: #FFFFFF normal unterstrichen Fettschrift Kursivschrift |
| 12 Hintergrundfarbe: #CC0000 und Textfarbe: #FFFFFF normal unterstrichen Fettschrift Kursivschrift |
| 13 Hintergrundfarbe: #990099 und Textfarbe: #FFFFFF normal unterstrichen Fettschrift Kursivschrift |
| 14 Hintergrundfarbe: #009999 und Textfarbe: #FFFFFF normal unterstrichen Fettschrift Kursivschrift |
| 15 Hintergrundfarbe: #666699 und Textfarbe: #FFFFFF normal unterstrichen Fettschrift Kursivschrift |
| 16 Hintergrundfarbe: #3333CC und Textfarbe: #FFFFFF normal unterstrichen Fettschrift Kursivschrift |
| 17 Hintergrundfarbe: #CC9999 und Textfarbe: #FFFFFF normal unterstrichen Fettschrift Kursivschrift |
Gemischte Farbkombinationen
| 01 Hintergrundfarbe: #333399 und Textfarbe: #FFCCFF normal unterstrichen Fettschrift Kursivschrift |
| 02 Hintergrundfarbe: #000066 und Textfarbe: #FFFFCC normal unterstrichen Fettschrift Kursivschrift |
| 03 Hintergrundfarbe: #000033 und Textfarbe: #CCFFFF normal unterstrichen Fettschrift Kursivschrift |
| 04 Hintergrundfarbe: #000000 und Textfarbe: #FFCCCC normal unterstrichen Fettschrift Kursivschrift |
| 05 Hintergrundfarbe: #006633 und Textfarbe: #CCFF99 normal unterstrichen Fettschrift Kursivschrift |
| 06 Hintergrundfarbe: #993300 und Textfarbe: #FFCC99 normal unterstrichen Fettschrift Kursivschrift |
| 07 Hintergrundfarbe: #CCFFCC und Textfarbe: #006633 normal unterstrichen Fettschrift Kursivschrift |
| 08 Hintergrundfarbe: #99CC99 und Textfarbe: #003399 normal unterstrichen Fettschrift Kursivschrift |
| 09 Hintergrundfarbe: #CCCCFF und Textfarbe: #990099 normal unterstrichen Fettschrift Kursivschrift |
| 10 Hintergrundfarbe: #FFCC99 und Textfarbe: #663333 normal unterstrichen Fettschrift Kursivschrift |
Ich wünsche Ihnen viel Spaß beim Rumprobieren.
http://www.htmlbasis.de
Impressum