Ressourcen: 120 HTML Farbnamen - Kombination von Farbe powderblue und Farbwert #228b22

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbe powderblue			Schriftfarbwert #228b22
Detail	:	Hintergrund powderblue	Detail	:	Schrift #228b22
Farbe	:	powderblue	Farbwert	:	#228b22
Farbwert	:	#b0e0e6	Farbe	:	forestgreen
HTML	:	powderblue	HTML	:	#228b22
HTML (Wert)	:	#b0e0e6	HTML (Wert)	:	#228b22
CSS	:	powderblue	CSS	:	#228b22
CSS (Wert)	:	#b0e0e6	CSS (Wert)	:	#228b22
CSS (kürzest)	:	#b0e0e6	CSS (kürzest)	:	#228b22
CSS (RGB)	:	rgb(176,224,230)	CSS (RGB)	:	rgb(34,139,34)
CSS (%RGB)	:	rgb(69%,87%,90%)	CSS (%RGB)	:	rgb(13%,54%,13%)

Verlauf Hintergrundfarbe powderblue nach Schriftfarbwert #228b22
#b0e0e6	#9bd3ca	#87c7ae	#73bb92	#5eaf76	#4aa35a	#36973e	#228b22
#b0e0e6	#9bd3ca	#87c7ae	#73bb92	#5eaf76	#4aa35a	#36973e	#228b22

Kombination von powderblue und #228b22
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Auf Hintergrund powderblue ist #228b22 ungeeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #228b22 und powderblue ergibt sich zu 85.42%. Die Lesbarkeit dieser Kombination bewerte ich mit 14.58%.

Hintergrundfarbe powderblue				Schriftfarbwert #228b22
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6	#228b22	#228b22	#228b22	#228b22
#bbe4e9	#bbe4e9	#96c0c5	#96c0c5	#419b41	#419b41	#1d771d	#1d771d
#c6e8ed	#c6e8ed	#7da0a4	#7da0a4	#61ac61	#61ac61	#186318	#186318
#d1edf0	#d1edf0	#648083	#648083	#80bc80	#80bc80	#134f13	#134f13
#ddf1f4	#ddf1f4	#4b6062	#4b6062	#a0cda0	#a0cda0	#0e3b0e	#0e3b0e
#e8f6f7	#e8f6f7	#324041	#324041	#bfddbf	#bfddbf	#092709	#092709
#f3fafb	#f3fafb	#192020	#192020	#dfeedf	#dfeedf	#041304	#041304
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe powderblue und Farbwert #228b22

Wechsel der Umrandung bei Hover mit HTML-Befehl dd

Die Rahmenfarbe soll sich von Farbe powderblue auf Farbwert #228b22 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <dd> in Farbe powderblue vor.

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

<style type="text/css"><!--
  dd { 
    border-style:dotted; 
    border-width:4px; 
    border-color:powderblue;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Rahmenfarbe auf #228b22 geändert wird.

<style type="text/css"><!--
  dd:hover { 
    border-color:#228b22;
  }
//-->
</style>

Mehr zum Thema dd können Sie in Listen und Glossare in HTML lesen. Möglichkeiten des HTML-Tag <dd>.

Zebra-Effekt mit HTML-Befehl td

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <td> mit unterschiedlichen Hintergrundfarben Farbe powderblue und Farbwert #228b22.

<style type="text/css"><!--
  td.ung { 
    background-color: powderblue;
  }
  td.ger { 
    background-color: #228b22;
  }
//-->
</style>

Diese werden dann abwechselnd genutzt.

<table>
<tr><td class="ung">Fa-a</td><td class="ger">Fb-a</td><td class="ung">Fc-a</td></tr>
<tr><td class="ung">Fa-b</td><td class="ger">Fb-b</td><td class="ung">Fc-b</td></tr>
<tr><td class="ung">Fa-c</td><td class="ger">Fb-c</td><td class="ung">Fc-c</td></tr>
</table>

Mehr zu td können Sie in Tabellen in HTML erfahren. Weiteres zum hier gezeigten HTML-Befehl td finden Sie in der HTML Referenz unter <td>.