Ressourcen: 137 HTML Farbnamen - Kombination von Farbe powderblue und Farbwert #ffffe0

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

Verlauf Hintergrundfarbe powderblue nach Schriftfarbwert #ffffe0
#b0e0e6	#bbe4e5	#c6e8e4	#d1ede3	#ddf1e2	#e8f6e1	#f3fae0	#ffffe0
#b0e0e6	#bbe4e5	#c6e8e4	#d1ede3	#ddf1e2	#e8f6e1	#f3fae0	#ffffe0

Kombination von powderblue und #ffffe0
Cras id velit ante. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#ffffe0 ist nicht als Schriftfarbe auf Hintergrund powderblue geeignet, da weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind. Die Ähnlichkeit von #ffffe0 und powderblue ergibt sich zu 93.29%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 6.71%.

Hintergrundfarbe powderblue				Schriftfarbwert #ffffe0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6	#ffffe0	#ffffe0	#ffffe0	#ffffe0
#bbe4e9	#bbe4e9	#96c0c5	#96c0c5	#ffffe4	#ffffe4	#dadac0	#dadac0
#c6e8ed	#c6e8ed	#7da0a4	#7da0a4	#ffffe8	#ffffe8	#b6b6a0	#b6b6a0
#d1edf0	#d1edf0	#648083	#648083	#ffffed	#ffffed	#919180	#919180
#ddf1f4	#ddf1f4	#4b6062	#4b6062	#fffff1	#fffff1	#6d6d60	#6d6d60
#e8f6f7	#e8f6f7	#324041	#324041	#fffff6	#fffff6	#484840	#484840
#f3fafb	#f3fafb	#192020	#192020	#fffffa	#fffffa	#242420	#242420
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe powderblue und Farbwert #ffffe0

Zebra-Effekt mit HTML-Tag tr

Man redet von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Der Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <tr> mit den Hintergrundfarben Farbe powderblue und Farbwert #ffffe0.

<style type="text/css"><!--
  tr.even { 
    background-color:powderblue;
  }
  tr.odd { 
    background-color: #ffffe0;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd angewendet.

<table>
<tr class="even"><td>Ca~a</td><td>Cb~a</td><td>Cc~a</td></tr>
<tr class="odd"><td>Ca~b</td><td>Cb~b</td><td>Cc~b</td></tr>
<tr class="even"><td>Ca~c</td><td>Cb~c</td><td>Cc~c</td></tr>
</table>

Mehr zum Thema tr können Sie in Tabellen in HTML nachlesen. Möglichkeiten des hier verwendeten Befehl <tr>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag center

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

Wir ändern für dieses Beispiel bei <center> die Hintergrundfarbe auf Farbe powderblue. Die Schriftgröße setzen wir auf 13px.

<style type="text/css"><!--
  center { 
    background-color:powderblue; 
    font-size:13px;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #ffffe0 ändert.

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

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung vom HTML-Tag <center>.