Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #4682b4 und Farbwert #f0ffff

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 #4682b4			Schriftfarbwert #f0ffff
Detail	:	Hintergrund #4682b4	Detail	:	Schrift #f0ffff
Farbwert	:	#4682b4	Farbwert	:	#f0ffff
Farbe	:	steelblue	Farbe	:	azure
HTML	:	#4682b4	HTML	:	#f0ffff
HTML (Wert)	:	#4682b4	HTML (Wert)	:	#f0ffff
CSS	:	#4682b4	CSS	:	#f0ffff
CSS (Wert)	:	#4682b4	CSS (Wert)	:	#f0ffff
CSS (kürzest)	:	#4682b4	CSS (kürzest)	:	#f0ffff
CSS (RGB)	:	rgb(70,130,180)	CSS (RGB)	:	rgb(240,255,255)
CSS (%RGB)	:	rgb(27%,50%,70%)	CSS (%RGB)	:	rgb(94%,100%,100%)

Verlauf Hintergrundfarbwert #4682b4 nach Schriftfarbwert #f0ffff
#4682b4	#5e93be	#76a5c9	#8eb7d4	#a7c9de	#bfdbe9	#d7edf4	#f0ffff
#4682b4	#5e93be	#76a5c9	#8eb7d4	#a7c9de	#bfdbe9	#d7edf4	#f0ffff

Kombination von #4682b4 und #f0ffff
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben #f0ffff und #4682b4 ergibt sich zu 80.95%. Die Lesbarkeit dieser Kombination ergibt sich zu 19.05%. #f0ffff ist nicht als Schriftfarbe auf Hintergrund #4682b4 geeignet. Zwar ist der Helligkeitsunterschied gross genug, doch die Farben selbst sind zu ähnlich.

Hintergrundfarbwert #4682b4				Schriftfarbwert #f0ffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#4682b4	#4682b4	#4682b4	#4682b4	#f0ffff	#f0ffff	#f0ffff	#f0ffff
#6093be	#6093be	#3c6f9a	#3c6f9a	#f2ffff	#f2ffff	#cddada	#cddada
#7aa5c9	#7aa5c9	#325c80	#325c80	#f4ffff	#f4ffff	#abb6b6	#abb6b6
#95b7d4	#95b7d4	#284a66	#284a66	#f6ffff	#f6ffff	#899191	#899191
#afc9de	#afc9de	#1e374d	#1e374d	#f8ffff	#f8ffff	#666d6d	#666d6d
#cadbe9	#cadbe9	#142533	#142533	#faffff	#faffff	#444848	#444848
#e4edf4	#e4edf4	#0a1219	#0a1219	#fcffff	#fcffff	#222424	#222424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #4682b4 und Farbwert #f0ffff

Wechsel der Textfarbe bei Hover mit HTML-Tag code

Die Textfarbe soll sich von Farbwert #4682b4 auf Farbwert #f0ffff ändern, wenn man mit der Maus auf <code> zeigt. Wir bereiten zunächst die Darstellung von <code> in Farbwert #4682b4 vor.

Wir ändern z.B. die Textfarbe von <code> auf Farbwert #4682b4 und erhöhen die Schriftgröße auf 113%:

<style type="text/css"><!--
  code { 
    font-size:113%; 
    color:#4682b4;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #f0ffff gesetzt wird.

<style type="text/css"><!--
  code: hover { 
    color: #f0ffff;
  }
//-->
</style>

Mehr zu code lesen Sie in Text in HTML. Mehr zum hier verwendeten Befehl <code>.