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

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 #00fa9a
Detail	:	Hintergrund darkturquoise	Detail	:	Schrift #00fa9a
Farbe	:	darkturquoise	Farbwert	:	#00fa9a
Farbwert	:	#00ced1	Farbe	:	mediumspringgreen
HTML	:	darkturquoise	HTML	:	#00fa9a
HTML (Wert)	:	#00ced1	HTML (Wert)	:	#00fa9a
CSS	:	darkturquoise	CSS	:	#00fa9a
CSS (Wert)	:	#00ced1	CSS (Wert)	:	#00fa9a
CSS (kürzest)	:	#00ced1	CSS (kürzest)	:	#00fa9a
CSS (RGB)	:	rgb(0,206,209)	CSS (RGB)	:	rgb(0,250,154)
CSS (%RGB)	:	rgb(0%,80%,81%)	CSS (%RGB)	:	rgb(0%,98%,60%)

Verlauf Hintergrundfarbe darkturquoise nach Schriftfarbwert #00fa9a
#00ced1	#00d4c9	#00dac1	#00e0b9	#00e7b1	#00eda9	#00f3a1	#00fa9a
#00ced1	#00d4c9	#00dac1	#00e0b9	#00e7b1	#00eda9	#00f3a1	#00fa9a

Kombination von darkturquoise und #00fa9a
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund darkturquoise ist #00fa9a ungeeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #00fa9a und darkturquoise ergibt sich zu 93.29%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 6.71%.

Hintergrundfarbe darkturquoise				Schriftfarbwert #00fa9a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ced1	#00ced1	#00ced1	#00ced1	#00fa9a	#00fa9a	#00fa9a	#00fa9a
#24d5d7	#24d5d7	#00b0b3	#00b0b3	#24faa8	#24faa8	#00d684	#00d684
#48dcde	#48dcde	#009395	#009395	#48fbb6	#48fbb6	#00b26e	#00b26e
#6de3e4	#6de3e4	#007577	#007577	#6dfcc5	#6dfcc5	#008e58	#008e58
#91eaeb	#91eaeb	#005859	#005859	#91fcd3	#91fcd3	#006b42	#006b42
#b6f1f1	#b6f1f1	#003a3b	#003a3b	#b6fde2	#b6fde2	#00472c	#00472c
#daf8f8	#daf8f8	#001d1d	#001d1d	#dafef0	#dafef0	#002316	#002316
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkturquoise und Farbwert #00fa9a

Wechsel der Umrandung bei Hover mit Tag hr

Die Rahmenfarbe soll sich von Farbe darkturquoise auf Farbwert #00fa9a ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <hr> in Farbe darkturquoise vor.

In diesem Beispiel umranden wir <hr> mit einem 3 Pixel dicken, doppelten Rahmen in Farbe darkturquoise.

<style type="text/css"><!--
  hr { 
    border-color:darkturquoise; 
    border-width:3px; 
    border-style:double;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #00fa9a geändert wird.

<style type="text/css"><!--
  hr: hover { 
    border-color: #00fa9a;
  }
//-->
</style>

Weiteres zu hr finden Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung vom hier genutzten HTML-Befehl hr finden Sie in der HTML Referenz unter <hr>.

Zebra-Effekt bei HTML-Tag th

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <th> mit unterschiedlichen Hintergrundfarben Farbe darkturquoise und Farbwert #00fa9a.

<style type="text/css"><!--
  th.ying { 
    background-color:darkturquoise;
  }
  th.yang { 
    background-color:#00fa9a;
  }
//-->
</style>

Diese Klassen werden abwechselnd verwendet.

<table>
<tr><td class="ying">Ra-a</td><td class="yang">Rb-a</td><td class="ying">Rc-a</td></tr>
<tr><td class="ying">Ra-b</td><td class="yang">Rb-b</td><td class="ying">Rc-b</td></tr>
<tr><td class="ying">Ra-c</td><td class="yang">Rb-c</td><td class="ying">Rc-c</td></tr>
</table>

Mehr zum Thema th erfahren Sie in Tabellen in HTML. Einzelheiten vom hier verwendeten HTML-Tag th finden Sie in der HTML Referenz unter <th>.