Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #fff0f5 und Farbwert #1e90ff

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 #fff0f5			Schriftfarbwert #1e90ff
Detail	:	Hintergrund #fff0f5	Detail	:	Schrift #1e90ff
Farbwert	:	#fff0f5	Farbwert	:	#1e90ff
Farbe	:	lavenderblush	Farbe	:	dodgerblue
HTML	:	#fff0f5	HTML	:	#1e90ff
HTML (Wert)	:	#fff0f5	HTML (Wert)	:	#1e90ff
CSS	:	#fff0f5	CSS	:	#1e90ff
CSS (Wert)	:	#fff0f5	CSS (Wert)	:	#1e90ff
CSS (kürzest)	:	#fff0f5	CSS (kürzest)	:	#1e90ff
CSS (RGB)	:	rgb(255,240,245)	CSS (RGB)	:	rgb(30,144,255)
CSS (%RGB)	:	rgb(100%,94%,96%)	CSS (%RGB)	:	rgb(11%,56%,100%)

Verlauf Hintergrundfarbwert #fff0f5 nach Schriftfarbwert #1e90ff
#fff0f5	#dee2f6	#bed4f7	#9ec6f9	#7eb9fa	#5eabfc	#3e9dfd	#1e90ff
#fff0f5	#dee2f6	#bed4f7	#9ec6f9	#7eb9fa	#5eabfc	#3e9dfd	#1e90ff

Kombination von #fff0f5 und #1e90ff
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #fff0f5 ist #1e90ff ungeeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben #1e90ff und #fff0f5 ergibt sich zu 86.03%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 13.97%.

Hintergrundfarbwert #fff0f5				Schriftfarbwert #1e90ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff0f5	#fff0f5	#fff0f5	#fff0f5	#1e90ff	#1e90ff	#1e90ff	#1e90ff
#fff2f6	#fff2f6	#dacdd2	#dacdd2	#3e9fff	#3e9fff	#197bda	#197bda
#fff4f7	#fff4f7	#b6abaf	#b6abaf	#5eafff	#5eafff	#1566b6	#1566b6
#fff6f9	#fff6f9	#91898c	#91898c	#7ebfff	#7ebfff	#115291	#115291
#fff8fa	#fff8fa	#6d6669	#6d6669	#9ecfff	#9ecfff	#0c3d6d	#0c3d6d
#fffafc	#fffafc	#484446	#484446	#bedfff	#bedfff	#082948	#082948
#fffcfd	#fffcfd	#242223	#242223	#deefff	#deefff	#041424	#041424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #fff0f5 und Farbwert #1e90ff

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl colgroup

Die Hintergrundfarbe soll sich von Farbwert #fff0f5 auf Farbwert #1e90ff ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <colgroup> in Farbwert #fff0f5 vor.

Wir legen zum Beispiel Farbwert #fff0f5 als Hintergrundfarbe von <colgroup> fest und ändern die Größe der Schrift auf 9px.

<style type="text/css"><!--
  colgroup { 
    background-color:#fff0f5; 
    font-size:9px;
  }
//-->
</style>

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

<style type="text/css"><!--
  colgroup:hover { 
    background-color:#1e90ff;
  }
//-->
</style>

Mehr zu colgroup können Sie in Tabellen in HTML nachlesen. Weiteres zum HTML-Befehl <colgroup>.