Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #00008b und Farbwert #d8bfd8

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.

Hintergrundfarbwert #00008b			Schriftfarbwert #d8bfd8
Detail	:	Hintergrund #00008b	Detail	:	Schrift #d8bfd8
Farbwert	:	#00008b	Farbwert	:	#d8bfd8
Farbe	:	darkblue	Farbe	:	thistle
HTML	:	#00008b	HTML	:	#d8bfd8
HTML (Wert)	:	#00008b	HTML (Wert)	:	#d8bfd8
CSS	:	#00008b	CSS	:	#d8bfd8
CSS (Wert)	:	#00008b	CSS (Wert)	:	#d8bfd8
CSS (kürzest)	:	#00008b	CSS (kürzest)	:	#d8bfd8
CSS (RGB)	:	rgb(0,0,139)	CSS (RGB)	:	rgb(216,191,216)
CSS (%RGB)	:	rgb(0%,0%,54%)	CSS (%RGB)	:	rgb(84%,74%,84%)

Verlauf Hintergrundfarbwert #00008b nach Schriftfarbwert #d8bfd8
#00008b	#1e1b96	#3d36a1	#5c51ac	#7b6db7	#9a88c2	#b9a3cd	#d8bfd8
#00008b	#1e1b96	#3d36a1	#5c51ac	#7b6db7	#9a88c2	#b9a3cd	#d8bfd8

Kombination von #00008b und #d8bfd8
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				#d8bfd8 eignet sich nicht als Schriftfarbe auf Hintergrund #00008b. Zwar ist der Helligkeitsunterschied in Ordnung, die Farben selbst sind jedoch zu ähnlich. Die Ähnlichkeit von #d8bfd8 und #00008b ergibt sich zu 57.11%. Die Lesbarkeit dieser Kombination bewerte ich mit 42.89%.

Hintergrundfarbwert #00008b				Schriftfarbwert #d8bfd8
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00008b	#00008b	#00008b	#00008b	#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8
#24249b	#24249b	#000077	#000077	#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9
#4848ac	#4848ac	#000063	#000063	#e3d1e3	#e3d1e3	#9a889a	#9a889a
#6d6dbc	#6d6dbc	#00004f	#00004f	#e8dae8	#e8dae8	#7b6d7b	#7b6d7b
#9191cd	#9191cd	#00003b	#00003b	#eee3ee	#eee3ee	#5c515c	#5c515c
#b6b6dd	#b6b6dd	#000027	#000027	#f3ecf3	#f3ecf3	#3d363d	#3d363d
#dadaee	#dadaee	#000013	#000013	#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Wechsel der Hintergrundfarbe bei Hover bei Tag a

Einen Link erzeugen Sie mit Befehl <a> und kann farblich gestaltet und hervorgehoben werden.

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

Wir legen hier bei <a> die Hintergrundfarbe auf Farbwert #00008b fest und ändern die Schriftgröße auf 9pt.

<style type="text/css"><!--
  a { 
    font-size: 9pt; 
    background-color: #00008b;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #d8bfd8 gesetzt wird.

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

Mehr zum Thema lesen Sie in Verweise und Protokolle in HTML. Einzelheiten vom Tag <a>.

Wechsel der Umrandung bei Hover bei HTML-Befehl img

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

In diesem Beispiel umranden wir <img> mit einem 2 Pixel dicken, gefurchten Rahmen in Farbwert #00008b.

<style type="text/css"><!--
  img { 
    border-style:groove; 
    border-width:2px; 
    border-color:#00008b;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf #d8bfd8 geändert wird.

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

Mehr zum Thema finden Sie in Grafik in HTML. Möglichkeiten vom hier gezeigten Tag img sind in der HTML Referenz unter <img> ausführlich zusammengestellt.