Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightcyan und Farbwert #daa520

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe lightcyan			Schriftfarbwert #daa520
Detail	:	Hintergrund lightcyan	Detail	:	Schrift #daa520
Farbe	:	lightcyan	Farbwert	:	#daa520
Farbwert	:	#e0ffff	Farbe	:	goldenrod
HTML	:	lightcyan	HTML	:	#daa520
HTML (Wert)	:	#e0ffff	HTML (Wert)	:	#daa520
CSS	:	lightcyan	CSS	:	#daa520
CSS (Wert)	:	#e0ffff	CSS (Wert)	:	#daa520
CSS (kürzest)	:	#e0ffff	CSS (kürzest)	:	#daa520
CSS (RGB)	:	rgb(224,255,255)	CSS (RGB)	:	rgb(218,165,32)
CSS (%RGB)	:	rgb(87%,100%,100%)	CSS (%RGB)	:	rgb(85%,64%,12%)

Verlauf Hintergrundfarbe lightcyan nach Schriftfarbwert #daa520
#e0ffff	#dff2df	#dee5bf	#ddd89f	#dccb7f	#dbbe5f	#dab13f	#daa520
#e0ffff	#dff2df	#dee5bf	#ddd89f	#dccb7f	#dbbe5f	#dab13f	#daa520

Kombination von lightcyan und #daa520
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #daa520 und lightcyan beträgt 89.89%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 10.11%. #daa520 ist nicht als Schriftfarbe auf Hintergrund lightcyan geeignet, da sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe lightcyan				Schriftfarbwert #daa520
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e0ffff	#e0ffff	#e0ffff	#e0ffff	#daa520	#daa520	#daa520	#daa520
#e4ffff	#e4ffff	#c0dada	#c0dada	#dfb13f	#dfb13f	#ba8d1b	#ba8d1b
#e8ffff	#e8ffff	#a0b6b6	#a0b6b6	#e4be5f	#e4be5f	#9b7516	#9b7516
#edffff	#edffff	#809191	#809191	#e9cb7f	#e9cb7f	#7c5e12	#7c5e12
#f1ffff	#f1ffff	#606d6d	#606d6d	#efd89f	#efd89f	#5d460d	#5d460d
#f6ffff	#f6ffff	#404848	#404848	#f4e5bf	#f4e5bf	#3e2f09	#3e2f09
#faffff	#faffff	#202424	#202424	#f9f2df	#f9f2df	#1f1704	#1f1704
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightcyan und Farbwert #daa520

Hintergrund/Text-Kombination mit Tag tbody

Wir ändern für dieses Beispiel die Textfarbe von <tbody> auf Farbwert #daa520 und die Hintergrundfarbe von <tbody> auf Farbe lightcyan. Die Schriftart setzen wir auf arial und vergrößern die Schriftgröße auf 127%.

<style type="text/css"><!--
  tbody { 
    color:#daa520; 
    font-family:arial; 
    font-size:127%; 
    background-color:lightcyan;
  }
//-->
</style>

Mehr zu tbody können Sie in Tabellen in HTML finden. Beschreibung vom hier gezeigten HTML-Tag <tbody>.

Wechsel der Textfarbe bei Hover mit Befehl label

Die Textfarbe soll sich von Farbe lightcyan auf Farbwert #daa520 ändern, wenn man mit der Maus auf <label> zeigt. Wir bereiten zunächst die Darstellung von <label> in Farbe lightcyan vor.

Wir legen in diesem Beispiel bei <label> die Textfarbe auf Farbe lightcyan fest.

<style type="text/css"><!--
  label { 
    color: lightcyan;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #daa520 geändert wird.

<style type="text/css"><!--
  label:hover { 
    color:#daa520;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Formulare in HTML. Mehr zum hier verwendeten HTML-Befehl label erfahren Sie in der HTML Referenz unter <label>.