Ressourcen: 120 HTML Farbnamen - Kombination von Farbe skyblue und Farbe dimgray

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 skyblue			Schriftfarbe dimgray
Detail	:	Hintergrund skyblue	Detail	:	Schrift dimgray
Farbe	:	skyblue	Farbe	:	dimgray
Farbwert	:	#87ceeb	Farbwert	:	#696969
HTML	:	skyblue	HTML	:	dimgray
HTML (Wert)	:	#87ceeb	HTML (Wert)	:	#696969
CSS	:	skyblue	CSS	:	dimgray
CSS (Wert)	:	#87ceeb	CSS (Wert)	:	#696969
CSS (kürzest)	:	#87ceeb	CSS (kürzest)	:	#696969
CSS (RGB)	:	rgb(135,206,235)	CSS (RGB)	:	rgb(105,105,105)
CSS (%RGB)	:	rgb(52%,80%,92%)	CSS (%RGB)	:	rgb(41%,41%,41%)

Verlauf Hintergrundfarbe skyblue nach Schriftfarbe dimgray
#87ceeb	#82bfd8	#7eb1c5	#7aa2b3	#7594a0	#71858e	#6d777b	#696969
#87ceeb	#82bfd8	#7eb1c5	#7aa2b3	#7594a0	#71858e	#6d777b	#696969

Kombination von skyblue und dimgray
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				dimgray eignet sich nicht als Schriftfarbe auf Hintergrund skyblue, da weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit der Farben dimgray und skyblue beträgt 84.99%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 15.01%.

Hintergrundfarbe skyblue				Schriftfarbe dimgray
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87ceeb	#87ceeb	#87ceeb	#87ceeb	#696969	#696969	#696969	#696969
#98d5ed	#98d5ed	#73b0c9	#73b0c9	#7e7e7e	#7e7e7e	#5a5a5a	#5a5a5a
#a9dcf0	#a9dcf0	#6093a7	#6093a7	#939393	#939393	#4b4b4b	#4b4b4b
#bae3f3	#bae3f3	#4d7586	#4d7586	#a9a9a9	#a9a9a9	#3c3c3c	#3c3c3c
#cbeaf6	#cbeaf6	#395864	#395864	#bebebe	#bebebe	#2d2d2d	#2d2d2d
#dcf1f9	#dcf1f9	#263a43	#263a43	#d4d4d4	#d4d4d4	#1e1e1e	#1e1e1e
#edf8fc	#edf8fc	#131d21	#131d21	#e9e9e9	#e9e9e9	#0f0f0f	#0f0f0f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe skyblue und Farbe dimgray

Wechsel der Textfarbe bei Hover von Tag h5

Eine Überschrift der 5. Stufe wird mit Tag <h5> erzeugt. Diese können Sie hervorheben und farblich gestalten.

Die Textfarbe soll sich von Farbe skyblue auf Farbe dimgray ändern, wenn man mit der Maus auf <h5> zeigt. Bereiten wir zunächst die Darstellung von <h5> in Farbe skyblue vor.

Wir setzen hier die Textfarbe von <h5> auf Farbe skyblue. Die Hintergrundfarbe verändern wir nicht. Die Schriftart ändern wir auf courier new.

<style type="text/css"><!--
  h5 { 
    color: skyblue; 
    font-family: courier new;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf dimgray geändert wird.

<style type="text/css"><!--
  h5: hover { 
    color: dimgray;
  }
//-->
</style>

Weiteres zum Thema h5 können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Weiteres zum hier verwendeten Tag <h5>.