Farbkombinationen

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.

Wir freuen uns auf Ihr Projekt. Kontaktieren Sie uns!
Kostenlose Erstanalyse

Beratung vereinbaren