Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkturquoise und Farbwert #ff8c00

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 darkturquoise			Schriftfarbwert #ff8c00
Detail	:	Hintergrund darkturquoise	Detail	:	Schrift #ff8c00
Farbe	:	darkturquoise	Farbwert	:	#ff8c00
Farbwert	:	#00ced1	Farbe	:	darkorange
HTML	:	darkturquoise	HTML	:	#ff8c00
HTML (Wert)	:	#00ced1	HTML (Wert)	:	#ff8c00
CSS	:	darkturquoise	CSS	:	#ff8c00
CSS (Wert)	:	#00ced1	CSS (Wert)	:	#ff8c00
CSS (kürzest)	:	#00ced1	CSS (kürzest)	:	#ff8c00
CSS (RGB)	:	rgb(0,206,209)	CSS (RGB)	:	rgb(255,140,0)
CSS (%RGB)	:	rgb(0%,80%,81%)	CSS (%RGB)	:	rgb(100%,54%,0%)

Verlauf Hintergrundfarbe darkturquoise nach Schriftfarbwert #ff8c00
#00ced1	#24c4b3	#48bb95	#6db177	#91a859	#b69e3b	#da951d	#ff8c00
#00ced1	#24c4b3	#48bb95	#6db177	#91a859	#b69e3b	#da951d	#ff8c00

Kombination von darkturquoise und #ff8c00
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #ff8c00 und darkturquoise ergibt sich zu 94.31%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.69%. #ff8c00 eignet sich nicht als Schriftfarbe auf Hintergrund darkturquoise. Zwar ist der Farbunterschied ok, doch der Helligkeitsunterschied ist zu gering.

Hintergrundfarbe darkturquoise				Schriftfarbwert #ff8c00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ced1	#00ced1	#00ced1	#00ced1	#ff8c00	#ff8c00	#ff8c00	#ff8c00
#24d5d7	#24d5d7	#00b0b3	#00b0b3	#ff9c24	#ff9c24	#da7800	#da7800
#48dcde	#48dcde	#009395	#009395	#ffac48	#ffac48	#b66400	#b66400
#6de3e4	#6de3e4	#007577	#007577	#ffbd6d	#ffbd6d	#915000	#915000
#91eaeb	#91eaeb	#005859	#005859	#ffcd91	#ffcd91	#6d3c00	#6d3c00
#b6f1f1	#b6f1f1	#003a3b	#003a3b	#ffdeb6	#ffdeb6	#482800	#482800
#daf8f8	#daf8f8	#001d1d	#001d1d	#ffeeda	#ffeeda	#241400	#241400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darkturquoise und Farbwert #ff8c00

Wechsel der Textfarbe bei Hover bei HTML-Befehl colgroup

Die Textfarbe soll sich von Farbe darkturquoise auf Farbwert #ff8c00 ändern, wenn man mit der Maus auf <colgroup> zeigt. Wir bereiten zunächst eine Darstellung von <colgroup> in Farbe darkturquoise vor.

Wir legen für dieses Beispiel Farbe darkturquoise als Textfarbe von <colgroup> fest. Zwar verändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf monospace und setzen die Größe der Schrift auf 13px.

<style type="text/css"><!--
  colgroup { 
    font-family:monospace; 
    color:darkturquoise; 
    font-size:13px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #ff8c00 geändert wird.

<style type="text/css"><!--
  colgroup: hover { 
    color: #ff8c00;
  }
//-->
</style>

Mehr zu colgroup finden Sie in Tabellen in HTML. Zur Beschreibung vom hier genutzten Tag <colgroup>.