Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkorchid und Farbwert #00ffff

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 darkorchid			Schriftfarbwert #00ffff
Detail	:	Hintergrund darkorchid	Detail	:	Schrift #00ffff
Farbe	:	darkorchid	Farbwert	:	#00ffff
Farbwert	:	#9932cc	Farbe	:	aqua
HTML	:	darkorchid	HTML	:	#00ffff
HTML (Wert)	:	#9932cc	HTML (Wert)	:	#00ffff
CSS	:	darkorchid	CSS	:	#00ffff
CSS (Wert)	:	#9932cc	CSS (Wert)	:	#00ffff
CSS (kürzest)	:	#9932cc	CSS (kürzest)	:	#0ff
CSS (RGB)	:	rgb(153,50,204)	CSS (RGB)	:	rgb(0,255,255)
CSS (%RGB)	:	rgb(60%,19%,80%)	CSS (%RGB)	:	rgb(0%,100%,100%)

Verlauf Hintergrundfarbe darkorchid nach Schriftfarbwert #00ffff
#9932cc	#834fd3	#6d6cda	#5789e1	#41a7e9	#2bc4f0	#15e1f7	#00ffff
#9932cc	#834fd3	#6d6cda	#5789e1	#41a7e9	#2bc4f0	#15e1f7	#00ffff

Kombination von darkorchid und #00ffff
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#00ffff eignet sich nicht als Schriftfarbe auf Hintergrund darkorchid, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #00ffff und darkorchid beträgt 78.34%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 21.66%.

Hintergrundfarbe darkorchid				Schriftfarbwert #00ffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9932cc	#9932cc	#9932cc	#9932cc	#00ffff	#00ffff	#00ffff	#00ffff
#a74fd3	#a74fd3	#832aae	#832aae	#24ffff	#24ffff	#00dada	#00dada
#b66cda	#b66cda	#6d2391	#6d2391	#48ffff	#48ffff	#00b6b6	#00b6b6
#c489e1	#c489e1	#571c74	#571c74	#6dffff	#6dffff	#009191	#009191
#d3a7e9	#d3a7e9	#411557	#411557	#91ffff	#91ffff	#006d6d	#006d6d
#e1c4f0	#e1c4f0	#2b0e3a	#2b0e3a	#b6ffff	#b6ffff	#004848	#004848
#f0e1f7	#f0e1f7	#15071d	#15071d	#daffff	#daffff	#002424	#002424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkorchid und Farbwert #00ffff

Zebra-Effekt bei HTML-Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man vom so genannten Zebra-Effekt. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <tr> mit unterschiedlichen Hintergrundfarben Farbe darkorchid und Farbwert #00ffff.

<style type="text/css"><!--
  tr.ying { 
    background-color: darkorchid;
  }
  tr.yang { 
    background-color: #0ff;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd verwendet.

<table>
<tr class="ying"><td>K1/1</td><td>K2/1</td><td>K3/1</td></tr>
<tr class="yang"><td>K1/2</td><td>K2/2</td><td>K3/2</td></tr>
<tr class="ying"><td>K1/3</td><td>K2/3</td><td>K3/3</td></tr>
</table>

Mehr zum Thema tr finden Sie in Tabellen in HTML. Mehr zum hier gezeigten Tag <tr>.

Wechsel der Umrandung bei Hover von Befehl h4

Mit Tag <h4> setzen Sie eine Überschrift. Diese kann hervorgehoben und farblich gestaltet werden.

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

In diesem Beispiel umranden wir <h4> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbe darkorchid.

<style type="text/css"><!--
  h4 { border:4px dotted darkorchid; }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf #00ffff gesetzt wird.

<style type="text/css"><!--
  h4: hover { 
    border-color: #0ff;
  }
//-->
</style>

Mehr zum Thema h4 finden Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier verwendeten Tag <h4>.