Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkblue und Farbwert #ffb6c1

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 darkblue			Schriftfarbwert #ffb6c1
Detail	:	Hintergrund darkblue	Detail	:	Schrift #ffb6c1
Farbe	:	darkblue	Farbwert	:	#ffb6c1
Farbwert	:	#00008b	Farbe	:	lightpink
HTML	:	darkblue	HTML	:	#ffb6c1
HTML (Wert)	:	#00008b	HTML (Wert)	:	#ffb6c1
CSS	:	darkblue	CSS	:	#ffb6c1
CSS (Wert)	:	#00008b	CSS (Wert)	:	#ffb6c1
CSS (kürzest)	:	#00008b	CSS (kürzest)	:	#ffb6c1
CSS (RGB)	:	rgb(0,0,139)	CSS (RGB)	:	rgb(255,182,193)
CSS (%RGB)	:	rgb(0%,0%,54%)	CSS (%RGB)	:	rgb(100%,71%,75%)

Verlauf Hintergrundfarbe darkblue nach Schriftfarbwert #ffb6c1
#00008b	#241a92	#48349a	#6d4ea2	#9168a9	#b682b1	#da9cb9	#ffb6c1
#00008b	#241a92	#48349a	#6d4ea2	#9168a9	#b682b1	#da9cb9	#ffb6c1

Kombination von darkblue und #ffb6c1
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.				Die Ähnlichkeit von #ffb6c1 und darkblue beträgt 55.90%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 44.10%. Auf Hintergrund darkblue ist #ffb6c1 ungeeignet. Zwar ist der Helligkeitsunterschied ok, die Farben selbst sind jedoch zu ähnlich.

Hintergrundfarbe darkblue				Schriftfarbwert #ffb6c1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00008b	#00008b	#00008b	#00008b	#ffb6c1	#ffb6c1	#ffb6c1	#ffb6c1
#24249b	#24249b	#000077	#000077	#ffc0c9	#ffc0c9	#da9ca5	#da9ca5
#4848ac	#4848ac	#000063	#000063	#ffcad2	#ffcad2	#b68289	#b68289
#6d6dbc	#6d6dbc	#00004f	#00004f	#ffd5db	#ffd5db	#91686e	#91686e
#9191cd	#9191cd	#00003b	#00003b	#ffdfe4	#ffdfe4	#6d4e52	#6d4e52
#b6b6dd	#b6b6dd	#000027	#000027	#ffeaed	#ffeaed	#483437	#483437
#dadaee	#dadaee	#000013	#000013	#fff4f6	#fff4f6	#241a1b	#241a1b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkblue und Farbwert #ffb6c1

Wechsel der Hintergrundfarbe bei Hover bei Tag a

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

Die Hintergrundfarbe soll sich von Farbe darkblue auf Farbwert #ffb6c1 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <a> in Farbe darkblue vor.

Wir setzen in diesem Beispiel bei <a> die Hintergrundfarbe auf Farbe darkblue. Die Schriftgröße setzen wir auf 119%:

<style type="text/css"><!--
  a { 
    background-color: darkblue; 
    font-size: 119%;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #ffb6c1 geändert wird.

<style type="text/css"><!--
  a:hover { 
    background-color:#ffb6c1;
  }
//-->
</style>

Weiteres zu a lesen Sie in Verweise und Protokolle in HTML. Beschreibung vom Tag <a>.

Hintergrund/Text-Kombination mit Befehl code

Hier ändern wir die Textfarbe von <code> auf Farbwert #ffb6c1 und die Hintergrundfarbe von <code> auf Farbe darkblue. Als Schriftart wählen wir arial. Die Schriftgröße ändern wir auf 13px.

<style type="text/css"><!--
  code { 
    color:#ffb6c1; 
    background-color:darkblue; 
    font-size:13px; 
    font-family:arial;
  }
//-->
</style>

Weiteres zum Thema code können Sie in Text in HTML lesen. Einzelheiten vom HTML-Tag code erfahren Sie in der HTML Referenz unter <code>.