Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #00fa9a 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 #00fa9a			Schriftfarbwert #d2b48c
Detail	:	Hintergrund #00fa9a	Detail	:	Schrift #d2b48c
Farbwert	:	#00fa9a	Farbwert	:	#d2b48c
Farbe	:	mediumspringgreen	Farbe	:	tan
HTML	:	#00fa9a	HTML	:	#d2b48c
HTML (Wert)	:	#00fa9a	HTML (Wert)	:	#d2b48c
CSS	:	#00fa9a	CSS	:	#d2b48c
CSS (Wert)	:	#00fa9a	CSS (Wert)	:	#d2b48c
CSS (kürzest)	:	#00fa9a	CSS (kürzest)	:	#d2b48c
CSS (RGB)	:	rgb(0,250,154)	CSS (RGB)	:	rgb(210,180,140)
CSS (%RGB)	:	rgb(0%,98%,60%)	CSS (%RGB)	:	rgb(82%,70%,54%)

Verlauf Hintergrundfarbwert #00fa9a nach Schriftfarbwert #d2b48c
#00fa9a	#1ef098	#3ce696	#5adc94	#78d292	#96c890	#b4be8e	#d2b48c
#00fa9a	#1ef098	#3ce696	#5adc94	#78d292	#96c890	#b4be8e	#d2b48c

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

Hintergrundfarbwert #00fa9a				Schriftfarbwert #d2b48c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00fa9a	#00fa9a	#00fa9a	#00fa9a	#d2b48c	#d2b48c	#d2b48c	#d2b48c
#24faa8	#24faa8	#00d684	#00d684	#d8be9c	#d8be9c	#b49a78	#b49a78
#48fbb6	#48fbb6	#00b26e	#00b26e	#dec9ac	#dec9ac	#968064	#968064
#6dfcc5	#6dfcc5	#008e58	#008e58	#e5d4bd	#e5d4bd	#786650	#786650
#91fcd3	#91fcd3	#006b42	#006b42	#ebdecd	#ebdecd	#5a4d3c	#5a4d3c
#b6fde2	#b6fde2	#00472c	#00472c	#f2e9de	#f2e9de	#3c3328	#3c3328
#dafef0	#dafef0	#002316	#002316	#f8f4ee	#f8f4ee	#1e1914	#1e1914
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Füllen und Umranden bei HTML-Tag frame

Bei diesem Beispiel umranden wir <frame> mit einem 4 Pixel dicken, doppelten Rahmen in Farbwert #d2b48c . Den Hintergrund von <frame> färben wir entsprechend mit Farbwert #00fa9a. In HTML geht das kaum. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  frame { border:4px double #d2b48c; background-color:#00fa9a; }
//-->
</style>

Mehr zum hier genutzten HTML-Befehl frame finden Sie in der HTML Referenz unter <frame>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag textarea

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

Wir legen als Beispiel Farbwert #00fa9a als Hintergrundfarbe von <textarea> fest:

<style type="text/css"><!--
  textarea { 
    background-color:#00fa9a;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf #d2b48c geändert wird.

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

Mehr zum Thema können Sie in Formulare in HTML finden. Zur Beschreibung des hier genutzten HTML-Tag <textarea>.