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

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.

Hintergrundfarbe darkcyan			Schriftfarbwert #00ced1
Detail	:	Hintergrund darkcyan	Detail	:	Schrift #00ced1
Farbe	:	darkcyan	Farbwert	:	#00ced1
Farbwert	:	#008b8b	Farbe	:	darkturquoise
HTML	:	darkcyan	HTML	:	#00ced1
HTML (Wert)	:	#008b8b	HTML (Wert)	:	#00ced1
CSS	:	darkcyan	CSS	:	#00ced1
CSS (Wert)	:	#008b8b	CSS (Wert)	:	#00ced1
CSS (kürzest)	:	#008b8b	CSS (kürzest)	:	#00ced1
CSS (RGB)	:	rgb(0,139,139)	CSS (RGB)	:	rgb(0,206,209)
CSS (%RGB)	:	rgb(0%,54%,54%)	CSS (%RGB)	:	rgb(0%,80%,81%)

Verlauf Hintergrundfarbe darkcyan nach Schriftfarbwert #00ced1
#008b8b	#009495	#009e9f	#00a7a9	#00b1b3	#00babd	#00c4c7	#00ced1
#008b8b	#009495	#009e9f	#00a7a9	#00b1b3	#00babd	#00c4c7	#00ced1

Kombination von darkcyan und #00ced1
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #00ced1 und darkcyan beträgt 89.90%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 10.10%. #00ced1 ist nicht als Schriftfarbe auf Hintergrund darkcyan geeignet, weil die Unterschiede in der Helligkeit und Farbe zu gering sind.

Hintergrundfarbe darkcyan				Schriftfarbwert #00ced1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008b8b	#008b8b	#008b8b	#008b8b	#00ced1	#00ced1	#00ced1	#00ced1
#249b9b	#249b9b	#007777	#007777	#24d5d7	#24d5d7	#00b0b3	#00b0b3
#48acac	#48acac	#006363	#006363	#48dcde	#48dcde	#009395	#009395
#6dbcbc	#6dbcbc	#004f4f	#004f4f	#6de3e4	#6de3e4	#007577	#007577
#91cdcd	#91cdcd	#003b3b	#003b3b	#91eaeb	#91eaeb	#005859	#005859
#b6dddd	#b6dddd	#002727	#002727	#b6f1f1	#b6f1f1	#003a3b	#003a3b
#daeeee	#daeeee	#001313	#001313	#daf8f8	#daf8f8	#001d1d	#001d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darkcyan und Farbwert #00ced1

Wechsel der Textfarbe bei Hover bei HTML-Tag h2

Eine Überschrift setzt man mit HTML-Tag <h2> und kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbe darkcyan auf Farbwert #00ced1 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <h2> in Farbe darkcyan vor.

Hier setzen wir die Textfarbe von <h2> auf Farbe darkcyan. Zwar ändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  h2 { 
    color: darkcyan; 
    font-family: sans-serif;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu #00ced1 ändert.

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

Weiteres zu h2 finden Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des hier genutzten Befehl h2 sind in der HTML Referenz bei <h2> beschrieben.