Ressourcen: 120 HTML Farbnamen - Kombination von Farbe powderblue und Farbwert #0000cd

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 powderblue			Schriftfarbwert #0000cd
Detail	:	Hintergrund powderblue	Detail	:	Schrift #0000cd
Farbe	:	powderblue	Farbwert	:	#0000cd
Farbwert	:	#b0e0e6	Farbe	:	mediumblue
HTML	:	powderblue	HTML	:	#0000cd
HTML (Wert)	:	#b0e0e6	HTML (Wert)	:	#0000cd
CSS	:	powderblue	CSS	:	#0000cd
CSS (Wert)	:	#b0e0e6	CSS (Wert)	:	#0000cd
CSS (kürzest)	:	#b0e0e6	CSS (kürzest)	:	#0000cd
CSS (RGB)	:	rgb(176,224,230)	CSS (RGB)	:	rgb(0,0,205)
CSS (%RGB)	:	rgb(69%,87%,90%)	CSS (%RGB)	:	rgb(0%,0%,80%)

Verlauf Hintergrundfarbe powderblue nach Schriftfarbwert #0000cd
#b0e0e6	#96c0e2	#7da0de	#6480db	#4b60d7	#3240d4	#1920d0	#0000cd
#b0e0e6	#96c0e2	#7da0de	#6480db	#4b60d7	#3240d4	#1920d0	#0000cd

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

Hintergrundfarbe powderblue				Schriftfarbwert #0000cd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6	#0000cd	#0000cd	#0000cd	#0000cd
#bbe4e9	#bbe4e9	#96c0c5	#96c0c5	#2424d4	#2424d4	#0000af	#0000af
#c6e8ed	#c6e8ed	#7da0a4	#7da0a4	#4848db	#4848db	#000092	#000092
#d1edf0	#d1edf0	#648083	#648083	#6d6de2	#6d6de2	#000075	#000075
#ddf1f4	#ddf1f4	#4b6062	#4b6062	#9191e9	#9191e9	#000057	#000057
#e8f6f7	#e8f6f7	#324041	#324041	#b6b6f0	#b6b6f0	#00003a	#00003a
#f3fafb	#f3fafb	#192020	#192020	#dadaf7	#dadaf7	#00001d	#00001d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe powderblue und Farbwert #0000cd

Füllen und Umranden von Befehl samp

Hier umranden wir <samp> mit einem . Die Hintergrundfarbe für <samp> färben wir entsprechend mit Farbe powderblue. Dies geht in HTML kaum. Deshalb nutzen wir CSS.

<style type="text/css"><!--
  samp { border:1pt inset #0000cd; background-color:powderblue; }
//-->
</style>

Weiteres zum Thema samp können Sie in Text in HTML erfahren. Beschreibung vom hier verwendeten HTML-Tag <samp>.

Wechsel der Umrandung bei Hover mit Tag center

Die Rahmenfarbe soll sich von Farbe powderblue auf Farbwert #0000cd ändern, wenn man mit der Maus auf <center> zeigt. Wir bereiten zunächst die Darstellung von <center> in Farbe powderblue vor.

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

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

Jetzt stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf #0000cd ändert.

<style type="text/css"><!--
  center: hover { 
    border-color: #0000cd;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Der hier genutzte Tag center ist in der HTML Referenz bei <center> beschrieben.