Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #00ff00 und Farbwert #d2b48c

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.

Hintergrundfarbwert #00ff00			Schriftfarbwert #d2b48c
Detail	:	Hintergrund #00ff00	Detail	:	Schrift #d2b48c
Farbwert	:	#00ff00	Farbwert	:	#d2b48c
Farbe	:	lime	Farbe	:	tan
HTML	:	#00ff00	HTML	:	#d2b48c
HTML (Wert)	:	#00ff00	HTML (Wert)	:	#d2b48c
CSS	:	#00ff00	CSS	:	#d2b48c
CSS (Wert)	:	#00ff00	CSS (Wert)	:	#d2b48c
CSS (kürzest)	:	#0f0	CSS (kürzest)	:	#d2b48c
CSS (RGB)	:	rgb(0,255,0)	CSS (RGB)	:	rgb(210,180,140)
CSS (%RGB)	:	rgb(0%,100%,0%)	CSS (%RGB)	:	rgb(82%,70%,54%)

Verlauf Hintergrundfarbwert #00ff00 nach Schriftfarbwert #d2b48c
#00ff00	#1ef414	#3ce928	#5ade3c	#78d450	#96c964	#b4be78	#d2b48c
#00ff00	#1ef414	#3ce928	#5ade3c	#78d450	#96c964	#b4be78	#d2b48c

Kombination von #00ff00 und #d2b48c
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in.				#d2b48c ist nicht als Schriftfarbe auf Hintergrund #00ff00 geeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit von #d2b48c und #00ff00 ergibt sich zu 93.16%. Die Lesbarkeit dieser Farbkombination liegt damit bei 6.84%.

Hintergrundfarbwert #00ff00				Schriftfarbwert #d2b48c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ff00	#00ff00	#00ff00	#00ff00	#d2b48c	#d2b48c	#d2b48c	#d2b48c
#24ff24	#24ff24	#00da00	#00da00	#d8be9c	#d8be9c	#b49a78	#b49a78
#48ff48	#48ff48	#00b600	#00b600	#dec9ac	#dec9ac	#968064	#968064
#6dff6d	#6dff6d	#009100	#009100	#e5d4bd	#e5d4bd	#786650	#786650
#91ff91	#91ff91	#006d00	#006d00	#ebdecd	#ebdecd	#5a4d3c	#5a4d3c
#b6ffb6	#b6ffb6	#004800	#004800	#f2e9de	#f2e9de	#3c3328	#3c3328
#daffda	#daffda	#002400	#002400	#f8f4ee	#f8f4ee	#1e1914	#1e1914
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #00ff00 und Farbwert #d2b48c

Wechsel der Hintergrundfarbe bei Hover bei Tag legend

Die Hintergrundfarbe soll sich von Farbwert #00ff00 auf Farbwert #d2b48c ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <legend> in Farbwert #00ff00 vor.

Wir legen als Beispiel Farbwert #00ff00 als Hintergrundfarbe von <legend> fest und erhöhen die Schriftgröße auf 118%.

<style type="text/css"><!--
  legend { 
    font-size:118%; 
    background-color:#0f0;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf #d2b48c geändert wird.

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

Weiteres zum Thema finden Sie in Formulare in HTML. Der hier genutzte Befehl legend ist in der HTML Referenz bei <legend> beschrieben.

Wechsel der Umrandung bei Hover von Tag hr

Die Rahmenfarbe soll sich von Farbwert #00ff00 auf Farbwert #d2b48c ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <hr> in Farbwert #00ff00 vor.

In diesem Beispiel umranden wir <hr> mit einem 4 Pixel dicken, herausstehenden Rahmen in Farbwert #00ff00.

<style type="text/css"><!--
  hr { border:4px outset #0f0; }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe zu #d2b48c ändert.

<style type="text/css"><!--
  hr:hover { 
    border-color:#d2b48c;
  }
//-->
</style>

Mehr zu hr können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Der HTML-Tag hr ist in der HTML Referenz unter <hr> ausführlich gezeigt.