Ressourcen: 137 HTML Farbnamen - Kombination von Farbe green und Farbwert #ffe4e1

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 green			Schriftfarbwert #ffe4e1
Detail	:	Hintergrund green	Detail	:	Schrift #ffe4e1
Farbe	:	green	Farbwert	:	#ffe4e1
Farbwert	:	#008000	Farbe	:	mistyrose
HTML	:	green	HTML	:	#ffe4e1
HTML (Wert)	:	#008000	HTML (Wert)	:	#ffe4e1
CSS	:	green	CSS	:	#ffe4e1
CSS (Wert)	:	#008000	CSS (Wert)	:	#ffe4e1
CSS (kürzest)	:	#008000	CSS (kürzest)	:	#ffe4e1
CSS (RGB)	:	rgb(0,128,0)	CSS (RGB)	:	rgb(255,228,225)
CSS (%RGB)	:	rgb(0%,50%,0%)	CSS (%RGB)	:	rgb(100%,89%,88%)

Verlauf Hintergrundfarbe green nach Schriftfarbwert #ffe4e1
#008000	#248e20	#489c40	#6daa60	#91b980	#b6c7a0	#dad5c0	#ffe4e1
#008000	#248e20	#489c40	#6daa60	#91b980	#b6c7a0	#dad5c0	#ffe4e1

Kombination von green und #ffe4e1
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #ffe4e1 und green beträgt 79.69%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 20.31%. #ffe4e1 eignet sich als Schriftfarbe auf Hintergrund green. Der Helligkeitsunterschied ist gut, der Farbenunterschied auch.

Hintergrundfarbe green				Schriftfarbwert #ffe4e1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008000	#008000	#008000	#008000	#ffe4e1	#ffe4e1	#ffe4e1	#ffe4e1
#249224	#249224	#006d00	#006d00	#ffe7e5	#ffe7e5	#dac3c0	#dac3c0
#48a448	#48a448	#005b00	#005b00	#ffebe9	#ffebe9	#b6a2a0	#b6a2a0
#6db66d	#6db66d	#004900	#004900	#ffefed	#ffefed	#918280	#918280
#91c891	#91c891	#003600	#003600	#fff3f2	#fff3f2	#6d6160	#6d6160
#b6dab6	#b6dab6	#002400	#002400	#fff7f6	#fff7f6	#484140	#484140
#daecda	#daecda	#001200	#001200	#fffbfa	#fffbfa	#242020	#242020
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe green und Farbwert #ffe4e1

Wechsel der Textfarbe bei Hover mit Tag cite

Die Textfarbe soll sich von Farbe green auf Farbwert #ffe4e1 ändern, wenn man mit der Maus auf <cite> zeigt. Wir bereiten zunächst eine Formatierung von <cite> in Farbe green vor.

Als Beispiel setzen wir die Textfarbe von <cite> auf Farbe green. Zwar lassen wir die Hintergrundfarbe unverändert, ändern jedoch die Schriftart auf monospace:

<style type="text/css"><!--
  cite { 
    font-family:monospace; 
    color:green;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Textfarbe auf #ffe4e1 gesetzt wird.

<style type="text/css"><!--
  cite: hover { 
    color: #ffe4e1;
  }
//-->
</style>

Zur Beschreibung des hier gezeigten Befehl <cite>.

Wechsel der Hintergrundfarbe bei Hover mit Befehl del

Die Hintergrundfarbe soll sich von Farbe green auf Farbwert #ffe4e1 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <del> in Farbe green vor.

Wir legen z.B. Farbe green als Hintergrundfarbe von <del> fest. Die Schriftgröße ändern wir auf 9pt:

<style type="text/css"><!--
  del { 
    font-size:9pt; 
    background-color:green;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe auf #ffe4e1 ändert.

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

Einzelheiten vom Befehl del erfahren Sie in der HTML Referenz unter <del>.