Ressourcen: 137 HTML Farbnamen - Kombination von Farbe indigo und Farbwert #00ced1

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 indigo			Schriftfarbwert #00ced1
Detail	:	Hintergrund indigo	Detail	:	Schrift #00ced1
Farbe	:	indigo	Farbwert	:	#00ced1
Farbwert	:	#4b0082	Farbe	:	darkturquoise
HTML	:	indigo	HTML	:	#00ced1
HTML (Wert)	:	#4b0082	HTML (Wert)	:	#00ced1
CSS	:	indigo	CSS	:	#00ced1
CSS (Wert)	:	#4b0082	CSS (Wert)	:	#00ced1
CSS (kürzest)	:	#4b0082	CSS (kürzest)	:	#00ced1
CSS (RGB)	:	rgb(75,0,130)	CSS (RGB)	:	rgb(0,206,209)
CSS (%RGB)	:	rgb(29%,0%,50%)	CSS (%RGB)	:	rgb(0%,80%,81%)

Verlauf Hintergrundfarbe indigo nach Schriftfarbwert #00ced1
#4b0082	#401d8d	#353a98	#2a58a3	#2075af	#1593ba	#0ab0c5	#00ced1
#4b0082	#401d8d	#353a98	#2a58a3	#2075af	#1593ba	#0ab0c5	#00ced1

Kombination von indigo und #00ced1
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				#00ced1 eignet sich nicht als Schriftfarbe auf Hintergrund indigo, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #00ced1 und indigo beträgt 68.43%. Die Lesbarkeit dieser Kombination liegt damit bei 31.57%.

Hintergrundfarbe indigo				Schriftfarbwert #00ced1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#4b0082	#4b0082	#4b0082	#4b0082	#00ced1	#00ced1	#00ced1	#00ced1
#642493	#642493	#40006f	#40006f	#24d5d7	#24d5d7	#00b0b3	#00b0b3
#7e48a5	#7e48a5	#35005c	#35005c	#48dcde	#48dcde	#009395	#009395
#986db7	#986db7	#2a004a	#2a004a	#6de3e4	#6de3e4	#007577	#007577
#b191c9	#b191c9	#200037	#200037	#91eaeb	#91eaeb	#005859	#005859
#cbb6db	#cbb6db	#150025	#150025	#b6f1f1	#b6f1f1	#003a3b	#003a3b
#e5daed	#e5daed	#0a0012	#0a0012	#daf8f8	#daf8f8	#001d1d	#001d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe indigo und Farbwert #00ced1

Wechsel der Textfarbe bei Hover bei HTML-Tag dd

Die Textfarbe soll sich von Farbe indigo auf Farbwert #00ced1 ändern, wenn man mit der Maus auf <dd> zeigt. Bereiten wir zunächst die Formatierung von <dd> in Farbe indigo vor.

In diesem Beispiel legen wir die Textfarbe von <dd> auf Farbe indigo fest. Zwar verändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf verdana und setzen die Schriftgröße auf 94%:

<style type="text/css"><!--
  dd { 
    font-size: 94%; 
    color: indigo; 
    font-family: verdana;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe zu #00ced1 ändert.

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

Weiteres zu dd finden Sie in Listen und Glossare in HTML. Weiteres zum hier gezeigten Tag dd ist in der HTML Referenz bei <dd> beschrieben.