Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #7fffd4 und Farbwert #ffb6c1

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 #7fffd4			Schriftfarbwert #ffb6c1
Detail	:	Hintergrund #7fffd4	Detail	:	Schrift #ffb6c1
Farbwert	:	#7fffd4	Farbwert	:	#ffb6c1
Farbe	:	aquamarine	Farbe	:	lightpink
HTML	:	#7fffd4	HTML	:	#ffb6c1
HTML (Wert)	:	#7fffd4	HTML (Wert)	:	#ffb6c1
CSS	:	#7fffd4	CSS	:	#ffb6c1
CSS (Wert)	:	#7fffd4	CSS (Wert)	:	#ffb6c1
CSS (kürzest)	:	#7fffd4	CSS (kürzest)	:	#ffb6c1
CSS (RGB)	:	rgb(127,255,212)	CSS (RGB)	:	rgb(255,182,193)
CSS (%RGB)	:	rgb(49%,100%,83%)	CSS (%RGB)	:	rgb(100%,71%,75%)

Verlauf Hintergrundfarbwert #7fffd4 nach Schriftfarbwert #ffb6c1
#7fffd4	#91f4d1	#a3eace	#b5dfcb	#c8d5c9	#dacac6	#ecc0c3	#ffb6c1
#7fffd4	#91f4d1	#a3eace	#b5dfcb	#c8d5c9	#dacac6	#ecc0c3	#ffb6c1

Kombination von #7fffd4 und #ffb6c1
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.				#ffb6c1 eignet sich nicht als Schriftfarbe auf Hintergrund #7fffd4. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben #ffb6c1 und #7fffd4 beträgt 93.57%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 6.43%.

Hintergrundfarbwert #7fffd4				Schriftfarbwert #ffb6c1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7fffd4	#7fffd4	#7fffd4	#7fffd4	#ffb6c1	#ffb6c1	#ffb6c1	#ffb6c1
#91ffda	#91ffda	#6cdab5	#6cdab5	#ffc0c9	#ffc0c9	#da9ca5	#da9ca5
#a3ffe0	#a3ffe0	#5ab697	#5ab697	#ffcad2	#ffcad2	#b68289	#b68289
#b5ffe6	#b5ffe6	#489179	#489179	#ffd5db	#ffd5db	#91686e	#91686e
#c8ffec	#c8ffec	#366d5a	#366d5a	#ffdfe4	#ffdfe4	#6d4e52	#6d4e52
#dafff2	#dafff2	#24483c	#24483c	#ffeaed	#ffeaed	#483437	#483437
#ecfff8	#ecfff8	#12241e	#12241e	#fff4f6	#fff4f6	#241a1b	#241a1b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #7fffd4 und Farbwert #ffb6c1

Wechsel der Textfarbe bei Hover mit HTML-Befehl dt

Die Textfarbe soll sich von Farbwert #7fffd4 auf Farbwert #ffb6c1 ändern, wenn man mit der Maus auf <dt> zeigt. Wir bereiten zunächst eine Darstellung von <dt> in Farbwert #7fffd4 vor.

Wir legen in diesem Beispiel bei <dt> die Textfarbe auf Farbwert #7fffd4 fest. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf monospace.

<style type="text/css"><!--
  dt { 
    font-family:monospace; 
    color:#7fffd4;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Textfarbe auf #ffb6c1 geändert wird.

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

Mehr zum Thema dt können Sie in Listen und Glossare in HTML finden. Möglichkeiten vom HTML-Befehl <dt>.

Hintergrund/Text-Kombination mit HTML-Tag select

Hier ändern wir die Textfarbe von <select> auf Farbwert #ffb6c1 und die Hintergrundfarbe von <select> auf Farbwert #7fffd4. Die Schriftart setzen wir auf sans-serif. Als Schriftgröße wählen wir 14pt.

<style type="text/css"><!--
  select { 
    font-size:14pt; 
    color:#ffb6c1; 
    background-color:#7fffd4; 
    font-family:sans-serif;
  }
//-->
</style>

Mehr zum Thema finden Sie in Formulare in HTML. Weiteres zum Befehl select finden Sie in der HTML Referenz unter <select>.