Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffb6c1 und Farbwert #afeeee

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 #ffb6c1			Schriftfarbwert #afeeee
Detail	:	Hintergrund #ffb6c1	Detail	:	Schrift #afeeee
Farbwert	:	#ffb6c1	Farbwert	:	#afeeee
Farbe	:	lightpink	Farbe	:	paleturquoise
HTML	:	#ffb6c1	HTML	:	#afeeee
HTML (Wert)	:	#ffb6c1	HTML (Wert)	:	#afeeee
CSS	:	#ffb6c1	CSS	:	#afeeee
CSS (Wert)	:	#ffb6c1	CSS (Wert)	:	#afeeee
CSS (kürzest)	:	#ffb6c1	CSS (kürzest)	:	#afeeee
CSS (RGB)	:	rgb(255,182,193)	CSS (RGB)	:	rgb(175,238,238)
CSS (%RGB)	:	rgb(100%,71%,75%)	CSS (%RGB)	:	rgb(68%,93%,93%)

Verlauf Hintergrundfarbwert #ffb6c1 nach Schriftfarbwert #afeeee
#ffb6c1	#f3bec7	#e8c6cd	#dcced4	#d1d6da	#c5dee1	#bae6e7	#afeeee
#ffb6c1	#f3bec7	#e8c6cd	#dcced4	#d1d6da	#c5dee1	#bae6e7	#afeeee

Kombination von #ffb6c1 und #afeeee
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #afeeee und #ffb6c1 ergibt sich zu 93.90%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 6.10%. #afeeee eignet sich nicht als Schriftfarbe auf Hintergrund #ffb6c1, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbwert #ffb6c1				Schriftfarbwert #afeeee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffb6c1	#ffb6c1	#ffb6c1	#ffb6c1	#afeeee	#afeeee	#afeeee	#afeeee
#ffc0c9	#ffc0c9	#da9ca5	#da9ca5	#baf0f0	#baf0f0	#96cccc	#96cccc
#ffcad2	#ffcad2	#b68289	#b68289	#c5f2f2	#c5f2f2	#7daaaa	#7daaaa
#ffd5db	#ffd5db	#91686e	#91686e	#d1f5f5	#d1f5f5	#648888	#648888
#ffdfe4	#ffdfe4	#6d4e52	#6d4e52	#dcf7f7	#dcf7f7	#4b6666	#4b6666
#ffeaed	#ffeaed	#483437	#483437	#e8fafa	#e8fafa	#324444	#324444
#fff4f6	#fff4f6	#241a1b	#241a1b	#f3fcfc	#f3fcfc	#192222	#192222
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffb6c1 und Farbwert #afeeee

Füllen und Umranden bei HTML-Befehl frame

Bei diesem Beispiel umranden wir <frame> mit einem . Den Hintergrund von <frame> setzen wir auf Farbwert #ffb6c1. In HTML geht das kaum. Daher verwenden wir CSS.

<style type="text/css"><!--
  frame { 
    border-width: 2px; 
    border-color: #afeeee; 
    border-style: dashed; 
    background-color: #ffb6c1;
  }
//-->
</style>

Zur Beschreibung vom HTML-Tag <frame>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl colgroup

Die Hintergrundfarbe soll sich von Farbwert #ffb6c1 auf Farbwert #afeeee ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <colgroup> in Farbwert #ffb6c1 vor.

Wir legen in diesem Beispiel bei <colgroup> die Hintergrundfarbe auf Farbwert #ffb6c1 fest.

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

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #afeeee geändert wird.

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

Mehr zum Thema lesen Sie in Tabellen in HTML. Beschreibung vom HTML-Befehl <colgroup>.