Ressourcen: 137 HTML Farbnamen - Kombination von Farbe cadetblue und Farbwert #fa8072

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 cadetblue			Schriftfarbwert #fa8072
Detail	:	Hintergrund cadetblue	Detail	:	Schrift #fa8072
Farbe	:	cadetblue	Farbwert	:	#fa8072
Farbwert	:	#5f9ea0	Farbe	:	salmon
HTML	:	cadetblue	HTML	:	#fa8072
HTML (Wert)	:	#5f9ea0	HTML (Wert)	:	#fa8072
CSS	:	cadetblue	CSS	:	#fa8072
CSS (Wert)	:	#5f9ea0	CSS (Wert)	:	#fa8072
CSS (kürzest)	:	#5f9ea0	CSS (kürzest)	:	#fa8072
CSS (RGB)	:	rgb(95,158,160)	CSS (RGB)	:	rgb(250,128,114)
CSS (%RGB)	:	rgb(37%,61%,62%)	CSS (%RGB)	:	rgb(98%,50%,44%)

Verlauf Hintergrundfarbe cadetblue nach Schriftfarbwert #fa8072
#5f9ea0	#759999	#8b9592	#a1918c	#b78c85	#cd887f	#e38478	#fa8072
#5f9ea0	#759999	#8b9592	#a1918c	#b78c85	#cd887f	#e38478	#fa8072

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

Hintergrundfarbe cadetblue				Schriftfarbwert #fa8072
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#5f9ea0	#5f9ea0	#5f9ea0	#5f9ea0	#fa8072	#fa8072	#fa8072	#fa8072
#75abad	#75abad	#518789	#518789	#fa9286	#fa9286	#d66d61	#d66d61
#8cb9bb	#8cb9bb	#437072	#437072	#fba49a	#fba49a	#b25b51	#b25b51
#a3c7c8	#a3c7c8	#365a5b	#365a5b	#fcb6ae	#fcb6ae	#8e4941	#8e4941
#bad5d6	#bad5d6	#284344	#284344	#fcc8c2	#fcc8c2	#6b3630	#6b3630
#d1e3e3	#d1e3e3	#1b2d2d	#1b2d2d	#fddad6	#fddad6	#472420	#472420
#e8f1f1	#e8f1f1	#0d1616	#0d1616	#feecea	#feecea	#231210	#231210
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe cadetblue und Farbwert #fa8072

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl dd

Die Hintergrundfarbe soll sich von Farbe cadetblue auf Farbwert #fa8072 ändern, wenn man mit der Maus auf <dd> zeigt. Wir bereiten zunächst eine Darstellung von <dd> in Farbe cadetblue vor.

Zum Beispiel legen wir Farbe cadetblue als Hintergrundfarbe von <dd> fest und verringern die Schriftgröße auf 80%.

<style type="text/css"><!--
  dd { 
    font-size:80%; 
    background-color:cadetblue;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe auf #fa8072 ändert.

<style type="text/css"><!--
  dd: hover { 
    background-color: #fa8072;
  }
//-->
</style>

Mehr zum Thema können Sie in Listen und Glossare in HTML erfahren. Der hier gezeigte Tag dd ist in der HTML Referenz unter <dd> gezeigt.