Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #b0e0e6 und Farbwert #00008b

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.

Hintergrundfarbwert #b0e0e6			Schriftfarbwert #00008b
Detail	:	Hintergrund #b0e0e6	Detail	:	Schrift #00008b
Farbwert	:	#b0e0e6	Farbwert	:	#00008b
Farbe	:	powderblue	Farbe	:	darkblue
HTML	:	#b0e0e6	HTML	:	#00008b
HTML (Wert)	:	#b0e0e6	HTML (Wert)	:	#00008b
CSS	:	#b0e0e6	CSS	:	#00008b
CSS (Wert)	:	#b0e0e6	CSS (Wert)	:	#00008b
CSS (kürzest)	:	#b0e0e6	CSS (kürzest)	:	#00008b
CSS (RGB)	:	rgb(176,224,230)	CSS (RGB)	:	rgb(0,0,139)
CSS (%RGB)	:	rgb(69%,87%,90%)	CSS (%RGB)	:	rgb(0%,0%,54%)

Verlauf Hintergrundfarbwert #b0e0e6 nach Schriftfarbwert #00008b
#b0e0e6	#96c0d9	#7da0cc	#6480bf	#4b60b2	#3240a5	#192098	#00008b
#b0e0e6	#96c0d9	#7da0cc	#6480bf	#4b60b2	#3240a5	#192098	#00008b

Kombination von #b0e0e6 und #00008b
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #b0e0e6 ist #00008b ungeeignet. Zwar ist der Helligkeitsunterschied gut, doch die Farben selbst sind zu ähnlich. Die Ähnlichkeit der Farben #00008b und #b0e0e6 ergibt sich zu 49.18%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 50.82%.

Hintergrundfarbwert #b0e0e6				Schriftfarbwert #00008b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6	#00008b	#00008b	#00008b	#00008b
#bbe4e9	#bbe4e9	#96c0c5	#96c0c5	#24249b	#24249b	#000077	#000077
#c6e8ed	#c6e8ed	#7da0a4	#7da0a4	#4848ac	#4848ac	#000063	#000063
#d1edf0	#d1edf0	#648083	#648083	#6d6dbc	#6d6dbc	#00004f	#00004f
#ddf1f4	#ddf1f4	#4b6062	#4b6062	#9191cd	#9191cd	#00003b	#00003b
#e8f6f7	#e8f6f7	#324041	#324041	#b6b6dd	#b6b6dd	#000027	#000027
#f3fafb	#f3fafb	#192020	#192020	#dadaee	#dadaee	#000013	#000013
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #b0e0e6 und Farbwert #00008b

Wechsel der Hintergrundfarbe bei Hover mit Tag blockquote

Die Hintergrundfarbe soll sich von Farbwert #b0e0e6 auf Farbwert #00008b ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <blockquote> in Farbwert #b0e0e6 vor.

Für dieses Beispiel legen wir bei <blockquote> die Hintergrundfarbe auf Farbwert #b0e0e6 fest.

<style type="text/css"><!--
  blockquote { 
    background-color:#b0e0e6;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #00008b ändert.

<style type="text/css"><!--
  blockquote:hover { 
    background-color:#00008b;
  }
//-->
</style>

Weiteres zum Thema können Sie in Blockorientierte Elemente in HTML nachsehen. Beschreibung vom Tag <blockquote>.

Füllen und Umranden von HTML-Tag p

Für dieses Beispiel umranden wir <p> mit einem einfallenden, 2 Punkte dicken Rahmen in Farbwert #00008b . Den Hintergrund von <p> färben wir entsprechend mit Farbwert #b0e0e6. Das ist in HTML so kaum möglich. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  p { 
    border-style:inset; 
    border-color:#00008b; 
    background-color:#b0e0e6; 
    border-width:2pt;
  }
//-->
</style>

Mehr zum Thema p können Sie in Grundlegende Gestaltungselemente in HTML finden. Einzelheiten des hier verwendeten Tag <p>.