Ressourcen: 137 HTML Farbnamen - Kombination von Farbe royalblue und Farbe saddlebrown

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 royalblue			Schriftfarbe saddlebrown
Detail	:	Hintergrund royalblue	Detail	:	Schrift saddlebrown
Farbe	:	royalblue	Farbe	:	saddlebrown
Farbwert	:	#4169e1	Farbwert	:	#8b4513
HTML	:	royalblue	HTML	:	saddlebrown
HTML (Wert)	:	#4169e1	HTML (Wert)	:	#8b4513
CSS	:	royalblue	CSS	:	saddlebrown
CSS (Wert)	:	#4169e1	CSS (Wert)	:	#8b4513
CSS (kürzest)	:	#4169e1	CSS (kürzest)	:	#8b4513
CSS (RGB)	:	rgb(65,105,225)	CSS (RGB)	:	rgb(139,69,19)
CSS (%RGB)	:	rgb(25%,41%,88%)	CSS (%RGB)	:	rgb(54%,27%,7%)

Verlauf Hintergrundfarbe royalblue nach Schriftfarbe saddlebrown
#4169e1	#4b63c3	#565ea6	#605988	#6b546b	#754f4d	#804a30	#8b4513
#4169e1	#4b63c3	#565ea6	#605988	#6b546b	#754f4d	#804a30	#8b4513

Kombination von royalblue und saddlebrown
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von saddlebrown und royalblue beträgt 93.03%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 6.97%. saddlebrown ist nicht als Schriftfarbe auf Hintergrund royalblue geeignet. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbe royalblue				Schriftfarbe saddlebrown
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#4169e1	#4169e1	#4169e1	#4169e1	#8b4513	#8b4513	#8b4513	#8b4513
#5c7ee5	#5c7ee5	#375ac0	#375ac0	#9b5f34	#9b5f34	#773b10	#773b10
#7793e9	#7793e9	#2e4ba0	#2e4ba0	#ac7a56	#ac7a56	#63310d	#63310d
#92a9ed	#92a9ed	#253c80	#253c80	#bc9478	#bc9478	#4f270a	#4f270a
#adbef2	#adbef2	#1b2d60	#1b2d60	#cdaf99	#cdaf99	#3b1d08	#3b1d08
#c8d4f6	#c8d4f6	#121e40	#121e40	#ddc9bb	#ddc9bb	#271305	#271305
#e3e9fa	#e3e9fa	#090f20	#090f20	#eee4dd	#eee4dd	#130902	#130902
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe royalblue und Farbe saddlebrown

Wechsel der Hintergrundfarbe bei Hover bei Tag dt

Die Hintergrundfarbe soll sich von Farbe royalblue auf Farbe saddlebrown ändern, wenn man mit der Maus auf <dt> zeigt. Bereiten wir zunächst die Darstellung von <dt> in Farbe royalblue vor.

In diesem Beispiel legen wir die Hintergrundfarbe von <dt> auf Farbe royalblue fest. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf courier new. Die Größe der Schrift setzen wir auf 9px.

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

Nun fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf saddlebrown gesetzt wird.

<style type="text/css"><!--
  dt:hover { 
    background-color:saddlebrown;
  }
//-->
</style>

Weiteres zum Thema dt lesen Sie in Listen und Glossare in HTML. Mehr zum Tag dt ist in der HTML Referenz unter <dt> genau gezeigt.