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

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

Verlauf Hintergrundfarbwert #fff0f5 nach Schriftfarbwert #4682b4
#fff0f5	#e4e0eb	#cad0e2	#afc0d9	#95b1cf	#7aa1c6	#6091bd	#4682b4
#fff0f5	#e4e0eb	#cad0e2	#afc0d9	#95b1cf	#7aa1c6	#6091bd	#4682b4

Kombination von #fff0f5 und #4682b4
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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #4682b4 und #fff0f5 beträgt 82.27%. Die Lesbarkeit dieser Farbkombination liegt damit bei 17.73%. #4682b4 eignet sich nicht als Schriftfarbe auf Hintergrund #fff0f5, weil sich die Farben zu ähnlich sind.

Hintergrundfarbwert #fff0f5				Schriftfarbwert #4682b4
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff0f5	#fff0f5	#fff0f5	#fff0f5	#4682b4	#4682b4	#4682b4	#4682b4
#fff2f6	#fff2f6	#dacdd2	#dacdd2	#6093be	#6093be	#3c6f9a	#3c6f9a
#fff4f7	#fff4f7	#b6abaf	#b6abaf	#7aa5c9	#7aa5c9	#325c80	#325c80
#fff6f9	#fff6f9	#91898c	#91898c	#95b7d4	#95b7d4	#284a66	#284a66
#fff8fa	#fff8fa	#6d6669	#6d6669	#afc9de	#afc9de	#1e374d	#1e374d
#fffafc	#fffafc	#484446	#484446	#cadbe9	#cadbe9	#142533	#142533
#fffcfd	#fffcfd	#242223	#242223	#e4edf4	#e4edf4	#0a1219	#0a1219
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fff0f5 und Farbwert #4682b4

Füllen und Umranden mit Befehl frameset

Bei diesem Beispiel umranden wir <frameset> mit einem . Den Hintergrund von <frameset> färben wir mit Farbwert #fff0f5. Mit HTML ist das nicht machbar. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  frameset { 
    background-color:#fff0f5; 
    border-style:groove; 
    border-color:#4682b4; 
    border-width:1px;
  }
//-->
</style>

Einzelheiten des hier gezeigten HTML-Tag frameset finden Sie in der HTML Referenz unter <frameset>.

Wechsel der Textfarbe bei Hover mit Tag h1

Mit Tag <h1> wird eine Überschrift erzeugt. Diese kann hervorgehoben und farblich gestaltet werden.

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

Wir legen z.B. die Textfarbe von <h1> auf Farbwert #fff0f5 fest. Die Größe der Schrift ändern wir auf 14pt:

<style type="text/css"><!--
  h1 { 
    color: #fff0f5; 
    font-size: 14pt;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf #4682b4 geändert wird.

<style type="text/css"><!--
  h1:hover { 
    color:#4682b4;
  }
//-->
</style>

Weiteres zu h1 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Der Tag h1 ist in der HTML Referenz unter <h1> genau gezeigt.