Ressourcen: 137 HTML Farbnamen - Kombination von Farbe gold und Farbwert #b0e0e6

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 gold			Schriftfarbwert #b0e0e6
Detail	:	Hintergrund gold	Detail	:	Schrift #b0e0e6
Farbe	:	gold	Farbwert	:	#b0e0e6
Farbwert	:	#ffd700	Farbe	:	powderblue
HTML	:	gold	HTML	:	#b0e0e6
HTML (Wert)	:	#ffd700	HTML (Wert)	:	#b0e0e6
CSS	:	gold	CSS	:	#b0e0e6
CSS (Wert)	:	#ffd700	CSS (Wert)	:	#b0e0e6
CSS (kürzest)	:	#ffd700	CSS (kürzest)	:	#b0e0e6
CSS (RGB)	:	rgb(255,215,0)	CSS (RGB)	:	rgb(176,224,230)
CSS (%RGB)	:	rgb(100%,84%,0%)	CSS (%RGB)	:	rgb(69%,87%,90%)

Verlauf Hintergrundfarbe gold nach Schriftfarbwert #b0e0e6
#ffd700	#f3d820	#e8d941	#ddda62	#d1dc83	#c6dda4	#bbdec5	#b0e0e6
#ffd700	#f3d820	#e8d941	#ddda62	#d1dc83	#c6dda4	#bbdec5	#b0e0e6

Kombination von gold und #b0e0e6
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Auf Hintergrund gold ist #b0e0e6 ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben #b0e0e6 und gold ergibt sich zu 95.13%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 4.87%.

Hintergrundfarbe gold				Schriftfarbwert #b0e0e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffd700	#ffd700	#ffd700	#ffd700	#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6
#ffdc24	#ffdc24	#dab800	#dab800	#bbe4e9	#bbe4e9	#96c0c5	#96c0c5
#ffe248	#ffe248	#b69900	#b69900	#c6e8ed	#c6e8ed	#7da0a4	#7da0a4
#ffe86d	#ffe86d	#917a00	#917a00	#d1edf0	#d1edf0	#648083	#648083
#ffed91	#ffed91	#6d5c00	#6d5c00	#ddf1f4	#ddf1f4	#4b6062	#4b6062
#fff3b6	#fff3b6	#483d00	#483d00	#e8f6f7	#e8f6f7	#324041	#324041
#fff9da	#fff9da	#241e00	#241e00	#f3fafb	#f3fafb	#192020	#192020
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe gold und Farbwert #b0e0e6

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl center

Die Hintergrundfarbe soll sich von Farbe gold auf Farbwert #b0e0e6 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <center> in Farbe gold vor.

Z.B. legen wir Farbe gold als Hintergrundfarbe von <center> fest:

<style type="text/css"><!--
  center { 
    background-color: gold;
  }
//-->
</style>

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

<style type="text/css"><!--
  center: hover { 
    background-color: #b0e0e6;
  }
//-->
</style>

Mehr zu center lesen Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier gezeigten HTML-Befehl center ist in der HTML Referenz unter <center> ausführlich zusammengestellt.

Zebra-Effekt bei Befehl td

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem Zebra-Effekt. Er unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <td> mit den Hintergrundfarben Farbe gold und Farbwert #b0e0e6.

<style type="text/css"><!--
  td.ying { 
    background-color:gold;
  }
  td.yang { 
    background-color:#b0e0e6;
  }
//-->
</style>

Diese werden dann abwechselnd verwendet.

<table>
<tr><td class="ying">Va:a</td><td class="yang">Vb:a</td><td class="ying">Vc:a</td></tr>
<tr><td class="ying">Va:b</td><td class="yang">Vb:b</td><td class="ying">Vc:b</td></tr>
<tr><td class="ying">Va:c</td><td class="yang">Vb:c</td><td class="ying">Vc:c</td></tr>
</table>

Weiteres zum Thema td können Sie in Tabellen in HTML finden. Möglichkeiten des hier genutzten Tag <td>.