Ressourcen: 137 HTML Farbnamen - Kombination von Farbe powderblue und Farbwert #ff0000

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 powderblue			Schriftfarbwert #ff0000
Detail	:	Hintergrund powderblue	Detail	:	Schrift #ff0000
Farbe	:	powderblue	Farbwert	:	#ff0000
Farbwert	:	#b0e0e6	Farbe	:	red
HTML	:	powderblue	HTML	:	#ff0000
HTML (Wert)	:	#b0e0e6	HTML (Wert)	:	#ff0000
CSS	:	powderblue	CSS	:	#ff0000
CSS (Wert)	:	#b0e0e6	CSS (Wert)	:	#ff0000
CSS (kürzest)	:	#b0e0e6	CSS (kürzest)	:	#f00
CSS (RGB)	:	rgb(176,224,230)	CSS (RGB)	:	rgb(255,0,0)
CSS (%RGB)	:	rgb(69%,87%,90%)	CSS (%RGB)	:	rgb(100%,0%,0%)

Verlauf Hintergrundfarbe powderblue nach Schriftfarbwert #ff0000
#b0e0e6	#bbc0c5	#c6a0a4	#d18083	#dd6062	#e84041	#f32020	#ff0000
#b0e0e6	#bbc0c5	#c6a0a4	#d18083	#dd6062	#e84041	#f32020	#ff0000

Kombination von powderblue und #ff0000
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				#ff0000 eignet sich als Schriftfarbe auf Hintergrund powderblue, da der Helligkeitsunterschied gut ist, der Unterschied in den Farben ebenso. Die Ähnlichkeit der Farben #ff0000 und powderblue beträgt 86.72%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 13.28%.

Hintergrundfarbe powderblue				Schriftfarbwert #ff0000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6	#ff0000	#ff0000	#ff0000	#ff0000
#bbe4e9	#bbe4e9	#96c0c5	#96c0c5	#ff2424	#ff2424	#da0000	#da0000
#c6e8ed	#c6e8ed	#7da0a4	#7da0a4	#ff4848	#ff4848	#b60000	#b60000
#d1edf0	#d1edf0	#648083	#648083	#ff6d6d	#ff6d6d	#910000	#910000
#ddf1f4	#ddf1f4	#4b6062	#4b6062	#ff9191	#ff9191	#6d0000	#6d0000
#e8f6f7	#e8f6f7	#324041	#324041	#ffb6b6	#ffb6b6	#480000	#480000
#f3fafb	#f3fafb	#192020	#192020	#ffdada	#ffdada	#240000	#240000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe powderblue und Farbwert #ff0000

Füllen und Umranden von HTML-Tag var

In diesem Beispiel umranden wir <var> mit einem gepunkteten, 2 Punkte dicken Rahmen in Farbwert #ff0000 . Den Hintergrund von <var> setzen wir entsprechend auf Farbe powderblue. In HTML geht dies nicht. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  var { 
    border-color: #f00; 
    border-style: dotted; 
    border-width: 2pt; 
    background-color: powderblue;
  }
//-->
</style>

Mehr zum Thema var lesen Sie in Text in HTML. Die Beschreibung des HTML-Befehl var lesen Sie in der HTML Referenz unter <var>.

Wechsel der Umrandung bei Hover mit HTML-Tag blockquote

Die Rahmenfarbe soll sich von Farbe powderblue auf Farbwert #ff0000 ändern, wenn man mit der Maus auf <blockquote> zeigt. Bereiten wir zunächst die Darstellung von <blockquote> in Farbe powderblue vor.

In diesem Beispiel umranden wir <blockquote> mit einem 1 Pixel dicken, gezahnten Rahmen in Farbe powderblue.

<style type="text/css"><!--
  blockquote { 
    border-color:powderblue; 
    border-width:1px; 
    border-style:ridge;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Rahmenfarbe auf #ff0000 gesetzt wird.

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

Mehr zum Thema können Sie in Blockorientierte Elemente in HTML erfahren. Mehr zum HTML-Tag <blockquote>.