Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #00008b und Farbe paleturquoise

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbwert #00008b			Schriftfarbe paleturquoise
Detail	:	Hintergrund #00008b	Detail	:	Schrift paleturquoise
Farbwert	:	#00008b	Farbe	:	paleturquoise
Farbe	:	darkblue	Farbwert	:	#afeeee
HTML	:	#00008b	HTML	:	paleturquoise
HTML (Wert)	:	#00008b	HTML (Wert)	:	#afeeee
CSS	:	#00008b	CSS	:	paleturquoise
CSS (Wert)	:	#00008b	CSS (Wert)	:	#afeeee
CSS (kürzest)	:	#00008b	CSS (kürzest)	:	#afeeee
CSS (RGB)	:	rgb(0,0,139)	CSS (RGB)	:	rgb(175,238,238)
CSS (%RGB)	:	rgb(0%,0%,54%)	CSS (%RGB)	:	rgb(68%,93%,93%)

Verlauf Hintergrundfarbwert #00008b nach Schriftfarbe paleturquoise
#00008b	#192299	#3244a7	#4b66b5	#6488c3	#7daad1	#96ccdf	#afeeee
#00008b	#192299	#3244a7	#4b66b5	#6488c3	#7daad1	#96ccdf	#afeeee

Kombination von #00008b und paleturquoise
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				paleturquoise eignet sich als Schriftfarbe auf Hintergrund #00008b. Unterschied in den Helligkeiten und Farbenunterschied sind in Ordnung. Die Ähnlichkeit der Farben paleturquoise und #00008b beträgt 43.50%. Die Lesbarkeit dieser Kombination ergibt sich zu 56.50%.

Hintergrundfarbwert #00008b				Schriftfarbe paleturquoise
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00008b	#00008b	#00008b	#00008b	#afeeee	#afeeee	#afeeee	#afeeee
#24249b	#24249b	#000077	#000077	#baf0f0	#baf0f0	#96cccc	#96cccc
#4848ac	#4848ac	#000063	#000063	#c5f2f2	#c5f2f2	#7daaaa	#7daaaa
#6d6dbc	#6d6dbc	#00004f	#00004f	#d1f5f5	#d1f5f5	#648888	#648888
#9191cd	#9191cd	#00003b	#00003b	#dcf7f7	#dcf7f7	#4b6666	#4b6666
#b6b6dd	#b6b6dd	#000027	#000027	#e8fafa	#e8fafa	#324444	#324444
#dadaee	#dadaee	#000013	#000013	#f3fcfc	#f3fcfc	#192222	#192222
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #00008b und Farbe paleturquoise

Wechsel der Textfarbe bei Hover von HTML-Tag ins

Die Textfarbe soll sich von Farbwert #00008b auf Farbe paleturquoise ändern, wenn man mit der Maus auf <ins> zeigt. Bereiten wir zunächst eine Darstellung von <ins> in Farbwert #00008b vor.

Als Beispiel legen wir Farbwert #00008b als Textfarbe von <ins> fest. Die Hintergrundfarbe verändern wir nicht. Die Schriftart ändern wir auf courier new:

<style type="text/css"><!--
  ins { 
    font-family:courier new; 
    color:#00008b;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Textfarbe zu paleturquoise ändert.

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

Der hier genutzte HTML-Tag ins ist in der HTML Referenz unter <ins> genau zusammengestellt.