Ressourcen: 120 HTML Farbnamen - Kombination von Farbe tan und Farbwert #b0e0e6

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 tan			Schriftfarbwert #b0e0e6
Detail	:	Hintergrund tan	Detail	:	Schrift #b0e0e6
Farbe	:	tan	Farbwert	:	#b0e0e6
Farbwert	:	#d2b48c	Farbe	:	powderblue
HTML	:	tan	HTML	:	#b0e0e6
HTML (Wert)	:	#d2b48c	HTML (Wert)	:	#b0e0e6
CSS	:	tan	CSS	:	#b0e0e6
CSS (Wert)	:	#d2b48c	CSS (Wert)	:	#b0e0e6
CSS (kürzest)	:	#d2b48c	CSS (kürzest)	:	#b0e0e6
CSS (RGB)	:	rgb(210,180,140)	CSS (RGB)	:	rgb(176,224,230)
CSS (%RGB)	:	rgb(82%,70%,54%)	CSS (%RGB)	:	rgb(69%,87%,90%)

Verlauf Hintergrundfarbe tan nach Schriftfarbwert #b0e0e6
#d2b48c	#cdba98	#c8c0a5	#c3c6b2	#becdbf	#b9d3cc	#b4d9d9	#b0e0e6
#d2b48c	#cdba98	#c8c0a5	#c3c6b2	#becdbf	#b9d3cc	#b4d9d9	#b0e0e6

Kombination von tan und #b0e0e6
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. Cras vestibulum tristique erat, ac interdum justo cursus in.				#b0e0e6 ist nicht als Schriftfarbe auf Hintergrund tan geeignet, da sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #b0e0e6 und tan ergibt sich zu 93.45%. Die Lesbarkeit dieser Kombination bewerte ich mit 6.55%.

Hintergrundfarbe tan				Schriftfarbwert #b0e0e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d2b48c	#d2b48c	#d2b48c	#d2b48c	#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6
#d8be9c	#d8be9c	#b49a78	#b49a78	#bbe4e9	#bbe4e9	#96c0c5	#96c0c5
#dec9ac	#dec9ac	#968064	#968064	#c6e8ed	#c6e8ed	#7da0a4	#7da0a4
#e5d4bd	#e5d4bd	#786650	#786650	#d1edf0	#d1edf0	#648083	#648083
#ebdecd	#ebdecd	#5a4d3c	#5a4d3c	#ddf1f4	#ddf1f4	#4b6062	#4b6062
#f2e9de	#f2e9de	#3c3328	#3c3328	#e8f6f7	#e8f6f7	#324041	#324041
#f8f4ee	#f8f4ee	#1e1914	#1e1914	#f3fafb	#f3fafb	#192020	#192020
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe tan und Farbwert #b0e0e6

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl pre

Die Hintergrundfarbe soll sich von Farbe tan auf Farbwert #b0e0e6 ändern, wenn man mit der Maus auf <pre> zeigt. Wir bereiten zunächst eine Formatierung von <pre> in Farbe tan vor.

Zum Beispiel legen wir Farbe tan als Hintergrundfarbe von <pre> fest. Die Textfarbe lassen wir unverändert, ändern jedoch die Schriftart auf courier new und setzen die Schriftgröße auf 9px.

<style type="text/css"><!--
  pre { 
    font-family: courier new; 
    font-size: 9px; 
    background-color: tan;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #b0e0e6 gesetzt wird.

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

Weiteres zum Thema lesen Sie in Blockorientierte Elemente in HTML. Möglichkeiten des Tag pre sind in der HTML Referenz unter <pre> gezeigt.

Hintergrund/Text-Kombination von Tag textarea

Hier ändern wir die Textfarbe von <textarea> auf Farbwert #b0e0e6 und die Hintergrundfarbe von <textarea> auf Farbe tan. Als Schriftart wählen wir monospace. Als Schriftgröße wählen wir 123%.

<style type="text/css"><!--
  textarea { 
    font-size: 123%; 
    color: #b0e0e6; 
    background-color: tan; 
    font-family: monospace;
  }
//-->
</style>

Mehr zum Thema textarea erfahren Sie in Formulare in HTML. Weiteres zum HTML-Befehl textarea erfahren Sie in der HTML Referenz unter <textarea>.