Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #00ced1 und Farbe darkorchid

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 #00ced1			Schriftfarbe darkorchid
Detail	:	Hintergrund #00ced1	Detail	:	Schrift darkorchid
Farbwert	:	#00ced1	Farbe	:	darkorchid
Farbe	:	darkturquoise	Farbwert	:	#9932cc
HTML	:	#00ced1	HTML	:	darkorchid
HTML (Wert)	:	#00ced1	HTML (Wert)	:	#9932cc
CSS	:	#00ced1	CSS	:	darkorchid
CSS (Wert)	:	#00ced1	CSS (Wert)	:	#9932cc
CSS (kürzest)	:	#00ced1	CSS (kürzest)	:	#9932cc
CSS (RGB)	:	rgb(0,206,209)	CSS (RGB)	:	rgb(153,50,204)
CSS (%RGB)	:	rgb(0%,80%,81%)	CSS (%RGB)	:	rgb(60%,19%,80%)

Verlauf Hintergrundfarbwert #00ced1 nach Schriftfarbe darkorchid
#00ced1	#15b7d0	#2ba1cf	#418bce	#5774ce	#6d5ecd	#8348cc	#9932cc
#00ced1	#15b7d0	#2ba1cf	#418bce	#5774ce	#6d5ecd	#8348cc	#9932cc

Kombination von #00ced1 und darkorchid
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #00ced1 ist darkorchid ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit der Farben darkorchid und #00ced1 beträgt 86.10%. Die Lesbarkeit dieser Kombination liegt damit bei 13.90%.

Hintergrundfarbwert #00ced1				Schriftfarbe darkorchid
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ced1	#00ced1	#00ced1	#00ced1	#9932cc	#9932cc	#9932cc	#9932cc
#24d5d7	#24d5d7	#00b0b3	#00b0b3	#a74fd3	#a74fd3	#832aae	#832aae
#48dcde	#48dcde	#009395	#009395	#b66cda	#b66cda	#6d2391	#6d2391
#6de3e4	#6de3e4	#007577	#007577	#c489e1	#c489e1	#571c74	#571c74
#91eaeb	#91eaeb	#005859	#005859	#d3a7e9	#d3a7e9	#411557	#411557
#b6f1f1	#b6f1f1	#003a3b	#003a3b	#e1c4f0	#e1c4f0	#2b0e3a	#2b0e3a
#daf8f8	#daf8f8	#001d1d	#001d1d	#f0e1f7	#f0e1f7	#15071d	#15071d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #00ced1 und Farbe darkorchid

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl legend

Die Hintergrundfarbe soll sich von Farbwert #00ced1 auf Farbe darkorchid ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <legend> in Farbwert #00ced1 vor.

Zum Beispiel legen wir bei <legend> die Hintergrundfarbe auf Farbwert #00ced1 fest:

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

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf darkorchid gesetzt wird.

<style type="text/css"><!--
  legend:hover { 
    background-color:darkorchid;
  }
//-->
</style>

Weiteres zum Thema finden Sie in Formulare in HTML. Weiteres zum HTML-Tag <legend>.