Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkred und Farbe powderblue

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 darkred			Schriftfarbe powderblue
Detail	:	Hintergrund darkred	Detail	:	Schrift powderblue
Farbe	:	darkred	Farbe	:	powderblue
Farbwert	:	#8b0000	Farbwert	:	#b0e0e6
HTML	:	darkred	HTML	:	powderblue
HTML (Wert)	:	#8b0000	HTML (Wert)	:	#b0e0e6
CSS	:	darkred	CSS	:	powderblue
CSS (Wert)	:	#8b0000	CSS (Wert)	:	#b0e0e6
CSS (kürzest)	:	#8b0000	CSS (kürzest)	:	#b0e0e6
CSS (RGB)	:	rgb(139,0,0)	CSS (RGB)	:	rgb(176,224,230)
CSS (%RGB)	:	rgb(54%,0%,0%)	CSS (%RGB)	:	rgb(69%,87%,90%)

Verlauf Hintergrundfarbe darkred nach Schriftfarbe powderblue
#8b0000	#902020	#954041	#9a6062	#a08083	#a5a0a4	#aac0c5	#b0e0e6
#8b0000	#902020	#954041	#9a6062	#a08083	#a5a0a4	#aac0c5	#b0e0e6

Kombination von darkred und powderblue
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				powderblue ist nicht als Schriftfarbe auf Hintergrund darkred geeignet, weil die Farben zu ähnlich sind. Die Ähnlichkeit der Farben powderblue und darkred ergibt sich zu 66.74%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 33.26%.

Hintergrundfarbe darkred				Schriftfarbe powderblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8b0000	#8b0000	#8b0000	#8b0000	#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6
#9b2424	#9b2424	#770000	#770000	#bbe4e9	#bbe4e9	#96c0c5	#96c0c5
#ac4848	#ac4848	#630000	#630000	#c6e8ed	#c6e8ed	#7da0a4	#7da0a4
#bc6d6d	#bc6d6d	#4f0000	#4f0000	#d1edf0	#d1edf0	#648083	#648083
#cd9191	#cd9191	#3b0000	#3b0000	#ddf1f4	#ddf1f4	#4b6062	#4b6062
#ddb6b6	#ddb6b6	#270000	#270000	#e8f6f7	#e8f6f7	#324041	#324041
#eedada	#eedada	#130000	#130000	#f3fafb	#f3fafb	#192020	#192020
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darkred und Farbe powderblue

Wechsel der Umrandung bei Hover mit HTML-Tag a

Mit HTML-Tag <a> wird ein Verweis erzeugt. Diesen können Sie farblich gestalten und hervorheben.

Die Rahmenfarbe soll sich von Farbe darkred auf Farbe powderblue ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst die Formatierung von <a> in Farbe darkred vor.

In diesem Beispiel umranden wir <a> mit einem 2 Pixel dicken, gezahnten Rahmen in Farbe darkred.

<style type="text/css"><!--
  a { 
    border-width:2px; 
    border-color:darkred; 
    border-style:ridge;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Rahmenfarbe auf powderblue geändert wird.

<style type="text/css"><!--
  a: hover { 
    border-color: powderblue;
  }
//-->
</style>

Mehr zum Thema a finden Sie in Verweise und Protokolle in HTML. Möglichkeiten des hier genutzten HTML-Tag a sind in der HTML Referenz unter <a> gezeigt.