Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #4682b4 und Farbe lemonchiffon

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 #4682b4			Schriftfarbe lemonchiffon
Detail	:	Hintergrund #4682b4	Detail	:	Schrift lemonchiffon
Farbwert	:	#4682b4	Farbe	:	lemonchiffon
Farbe	:	steelblue	Farbwert	:	#fffacd
HTML	:	#4682b4	HTML	:	lemonchiffon
HTML (Wert)	:	#4682b4	HTML (Wert)	:	#fffacd
CSS	:	#4682b4	CSS	:	lemonchiffon
CSS (Wert)	:	#4682b4	CSS (Wert)	:	#fffacd
CSS (kürzest)	:	#4682b4	CSS (kürzest)	:	#fffacd
CSS (RGB)	:	rgb(70,130,180)	CSS (RGB)	:	rgb(255,250,205)
CSS (%RGB)	:	rgb(27%,50%,70%)	CSS (%RGB)	:	rgb(100%,98%,80%)

Verlauf Hintergrundfarbwert #4682b4 nach Schriftfarbe lemonchiffon
#4682b4	#6093b7	#7aa4bb	#95b5be	#afc6c2	#cad7c5	#e4e8c9	#fffacd
#4682b4	#6093b7	#7aa4bb	#95b5be	#afc6c2	#cad7c5	#e4e8c9	#fffacd

Kombination von #4682b4 und lemonchiffon
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #4682b4 ist lemonchiffon ungeeignet, da der Unterschied in den Farben nicht ausreichend ist Die Ähnlichkeit der Farben lemonchiffon und #4682b4 ergibt sich zu 81.55%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 18.45%.

Hintergrundfarbwert #4682b4				Schriftfarbe lemonchiffon
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#4682b4	#4682b4	#4682b4	#4682b4	#fffacd	#fffacd	#fffacd	#fffacd
#6093be	#6093be	#3c6f9a	#3c6f9a	#fffad4	#fffad4	#dad6af	#dad6af
#7aa5c9	#7aa5c9	#325c80	#325c80	#fffbdb	#fffbdb	#b6b292	#b6b292
#95b7d4	#95b7d4	#284a66	#284a66	#fffce2	#fffce2	#918e75	#918e75
#afc9de	#afc9de	#1e374d	#1e374d	#fffce9	#fffce9	#6d6b57	#6d6b57
#cadbe9	#cadbe9	#142533	#142533	#fffdf0	#fffdf0	#48473a	#48473a
#e4edf4	#e4edf4	#0a1219	#0a1219	#fffef7	#fffef7	#24231d	#24231d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #4682b4 und Farbe lemonchiffon

Wechsel der Hintergrundfarbe bei Hover von Tag dd

Die Hintergrundfarbe soll sich von Farbwert #4682b4 auf Farbe lemonchiffon ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <dd> in Farbwert #4682b4 vor.

Wir legen für dieses Beispiel bei <dd> die Hintergrundfarbe auf Farbwert #4682b4 fest und setzen die Schriftgröße auf 13px:

<style type="text/css"><!--
  dd { 
    font-size: 13px; 
    background-color: #4682b4;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Hintergrundfarbe auf lemonchiffon ändert.

<style type="text/css"><!--
  dd: hover { 
    background-color: lemonchiffon;
  }
//-->
</style>

Weiteres zu dd lesen Sie in Listen und Glossare in HTML. Weiteres zum hier genutzten Tag <dd>.