Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkgreen und Farbwert #d2b48c

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 darkgreen			Schriftfarbwert #d2b48c
Detail	:	Hintergrund darkgreen	Detail	:	Schrift #d2b48c
Farbe	:	darkgreen	Farbwert	:	#d2b48c
Farbwert	:	#006400	Farbe	:	tan
HTML	:	darkgreen	HTML	:	#d2b48c
HTML (Wert)	:	#006400	HTML (Wert)	:	#d2b48c
CSS	:	darkgreen	CSS	:	#d2b48c
CSS (Wert)	:	#006400	CSS (Wert)	:	#d2b48c
CSS (kürzest)	:	#006400	CSS (kürzest)	:	#d2b48c
CSS (RGB)	:	rgb(0,100,0)	CSS (RGB)	:	rgb(210,180,140)
CSS (%RGB)	:	rgb(0%,39%,0%)	CSS (%RGB)	:	rgb(82%,70%,54%)

Verlauf Hintergrundfarbe darkgreen nach Schriftfarbwert #d2b48c
#006400	#1e6f14	#3c7a28	#5a863c	#789150	#969d64	#b4a878	#d2b48c
#006400	#1e6f14	#3c7a28	#5a863c	#789150	#969d64	#b4a878	#d2b48c

Kombination von darkgreen und #d2b48c
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit von #d2b48c und darkgreen beträgt 82.04%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 17.96%. #d2b48c eignet sich nicht als Schriftfarbe auf Hintergrund darkgreen, da sich die Farben zu ähnlich sind.

Hintergrundfarbe darkgreen				Schriftfarbwert #d2b48c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#006400	#006400	#006400	#006400	#d2b48c	#d2b48c	#d2b48c	#d2b48c
#247a24	#247a24	#005500	#005500	#d8be9c	#d8be9c	#b49a78	#b49a78
#489048	#489048	#004700	#004700	#dec9ac	#dec9ac	#968064	#968064
#6da66d	#6da66d	#003900	#003900	#e5d4bd	#e5d4bd	#786650	#786650
#91bc91	#91bc91	#002a00	#002a00	#ebdecd	#ebdecd	#5a4d3c	#5a4d3c
#b6d2b6	#b6d2b6	#001c00	#001c00	#f2e9de	#f2e9de	#3c3328	#3c3328
#dae8da	#dae8da	#000e00	#000e00	#f8f4ee	#f8f4ee	#1e1914	#1e1914
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darkgreen und Farbwert #d2b48c

Wechsel der Hintergrundfarbe bei Hover bei Tag a

Ein Verweis wird mit HTML-Tag <a> gesetzt. Diesen können Sie farblich gestalten und hervorheben.

Die Hintergrundfarbe soll sich von Farbe darkgreen auf Farbwert #d2b48c ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <a> in Farbe darkgreen vor.

In diesem Beispiel legen wir die Hintergrundfarbe von <a> auf Farbe darkgreen fest:

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

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

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

Mehr zum Thema können Sie in Verweise und Protokolle in HTML nachsehen. Der HTML-Befehl a ist in der HTML Referenz bei <a> gezeigt.