Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #ffffff und Farbe teal

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Hintergrundfarbwert #ffffff			Schriftfarbe teal
Detail	:	Hintergrund #ffffff	Detail	:	Schrift teal
Farbwert	:	#ffffff	Farbe	:	teal
Farbe	:	white	Farbwert	:	#008080
HTML	:	#ffffff	HTML	:	teal
HTML (Wert)	:	#ffffff	HTML (Wert)	:	#008080
CSS	:	#ffffff	CSS	:	teal
CSS (Wert)	:	#ffffff	CSS (Wert)	:	#008080
CSS (kürzest)	:	#fff	CSS (kürzest)	:	#008080
CSS (RGB)	:	rgb(255,255,255)	CSS (RGB)	:	rgb(0,128,128)
CSS (%RGB)	:	rgb(100%,100%,100%)	CSS (%RGB)	:	rgb(0%,50%,50%)

Verlauf Hintergrundfarbwert #ffffff nach Schriftfarbe teal
#ffffff	#daecec	#b6dada	#91c8c8	#6db6b6	#48a4a4	#249292	#008080
#ffffff	#daecec	#b6dada	#91c8c8	#6db6b6	#48a4a4	#249292	#008080

Kombination von #ffffff und teal
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit von teal und #ffffff beträgt 77.27%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 22.73%. teal eignet sich als Schriftfarbe auf Hintergrund #ffffff, da die Unterschiede in Helligkeit und Farbe ok sind.

Hintergrundfarbwert #ffffff				Schriftfarbe teal
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffffff	#ffffff	#ffffff	#ffffff	#008080	#008080	#008080	#008080
#ffffff	#ffffff	#dadada	#dadada	#249292	#249292	#006d6d	#006d6d
#ffffff	#ffffff	#b6b6b6	#b6b6b6	#48a4a4	#48a4a4	#005b5b	#005b5b
#ffffff	#ffffff	#919191	#919191	#6db6b6	#6db6b6	#004949	#004949
#ffffff	#ffffff	#6d6d6d	#6d6d6d	#91c8c8	#91c8c8	#003636	#003636
#ffffff	#ffffff	#484848	#484848	#b6dada	#b6dada	#002424	#002424
#ffffff	#ffffff	#242424	#242424	#daecec	#daecec	#001212	#001212
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffffff und Farbe teal

Wechsel der Textfarbe bei Hover von Tag h2

Eine Überschrift erzeugen Sie mit HTML-Befehl <h2> und kann farblich gestaltet und hervorgehoben werden.

Die Textfarbe soll sich von Farbwert #ffffff auf Farbe teal ändern, wenn man mit der Maus auf <h2> zeigt. Wir bereiten zunächst eine Formatierung von <h2> in Farbwert #ffffff vor.

Wir setzen z.B. die Textfarbe von <h2> auf Farbwert #ffffff. Die Schriftgröße setzen wir auf 91%:

<style type="text/css"><!--
  h2 { 
    font-size:91%; 
    color:#ffffff;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Textfarbe zu teal ändert.

<style type="text/css"><!--
  h2: hover { 
    color: teal;
  }
//-->
</style>

Weiteres zum Thema h2 finden Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des hier gezeigten Tag <h2>.

Hintergrund/Text-Kombination bei Tag select

Hier ändern wir die Textfarbe von <select> auf Farbe teal und die Hintergrundfarbe von <select> auf Farbwert #ffffff. Als Schriftart wählen wir arial. Die Schriftgröße ändern wir auf 9px.

<style type="text/css"><!--
  select { 
    color:teal; 
    font-size:9px; 
    background-color:#fff; 
    font-family:arial;
  }
//-->
</style>

Weiteres zum Thema select können Sie in Formulare in HTML nachlesen. Beschreibung vom hier genutzten Tag <select>.