Ressourcen: 137 HTML Farbnamen - Kombination von Farbe burlywood und Farbwert #b0e0e6

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 burlywood			Schriftfarbwert #b0e0e6
Detail	:	Hintergrund burlywood	Detail	:	Schrift #b0e0e6
Farbe	:	burlywood	Farbwert	:	#b0e0e6
Farbwert	:	#deb887	Farbe	:	powderblue
HTML	:	burlywood	HTML	:	#b0e0e6
HTML (Wert)	:	#deb887	HTML (Wert)	:	#b0e0e6
CSS	:	burlywood	CSS	:	#b0e0e6
CSS (Wert)	:	#deb887	CSS (Wert)	:	#b0e0e6
CSS (kürzest)	:	#deb887	CSS (kürzest)	:	#b0e0e6
CSS (RGB)	:	rgb(222,184,135)	CSS (RGB)	:	rgb(176,224,230)
CSS (%RGB)	:	rgb(87%,72%,52%)	CSS (%RGB)	:	rgb(69%,87%,90%)

Verlauf Hintergrundfarbe burlywood nach Schriftfarbwert #b0e0e6
#deb887	#d7bd94	#d0c3a2	#cac9af	#c3cebd	#bdd4ca	#b6dad8	#b0e0e6
#deb887	#d7bd94	#d0c3a2	#cac9af	#c3cebd	#bdd4ca	#b6dad8	#b0e0e6

Kombination von burlywood und #b0e0e6
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #b0e0e6 und burlywood ergibt sich zu 93.83%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 6.17%. Auf Hintergrund burlywood ist #b0e0e6 ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug.

Hintergrundfarbe burlywood				Schriftfarbwert #b0e0e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#deb887	#deb887	#deb887	#deb887	#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6
#e2c298	#e2c298	#be9d73	#be9d73	#bbe4e9	#bbe4e9	#96c0c5	#96c0c5
#e7cca9	#e7cca9	#9e8360	#9e8360	#c6e8ed	#c6e8ed	#7da0a4	#7da0a4
#ecd6ba	#ecd6ba	#7e694d	#7e694d	#d1edf0	#d1edf0	#648083	#648083
#f0e0cb	#f0e0cb	#5f4e39	#5f4e39	#ddf1f4	#ddf1f4	#4b6062	#4b6062
#f5eadc	#f5eadc	#3f3426	#3f3426	#e8f6f7	#e8f6f7	#324041	#324041
#faf4ed	#faf4ed	#1f1a13	#1f1a13	#f3fafb	#f3fafb	#192020	#192020
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe burlywood und Farbwert #b0e0e6

Hintergrund/Text-Kombination mit Befehl abbr

Hier ändern wir die Textfarbe von <abbr> auf Farbwert #b0e0e6 und die Hintergrundfarbe von <abbr> auf Farbe burlywood. Als Schriftart setzen wir monospace und setzen die Schriftgröße auf 9px.

<style type="text/css"><!--
  abbr { 
    color: #b0e0e6; 
    font-family: monospace; 
    background-color: burlywood; 
    font-size: 9px;
  }
//-->
</style>

Beschreibung vom hier genutzten HTML-Tag <abbr>.

Wechsel der Umrandung bei Hover von HTML-Befehl thead

Die Rahmenfarbe soll sich von Farbe burlywood auf Farbwert #b0e0e6 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <thead> in Farbe burlywood vor.

In diesem Beispiel umranden wir <thead> mit einem 4 Pixel dicken, herausstehenden Rahmen in Farbe burlywood.

<style type="text/css"><!--
  thead { 
    border-color: burlywood; 
    border-style: outset; 
    border-width: 4px;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Rahmenfarbe auf #b0e0e6 ändert.

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

Weiteres zum Thema thead finden Sie in Tabellen in HTML. Der hier verwendete HTML-Befehl thead ist in der HTML Referenz bei <thead> genau gezeigt.