Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffd700 und Farbe lightpink

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 #ffd700			Schriftfarbe lightpink
Detail	:	Hintergrund #ffd700	Detail	:	Schrift lightpink
Farbwert	:	#ffd700	Farbe	:	lightpink
Farbe	:	gold	Farbwert	:	#ffb6c1
HTML	:	#ffd700	HTML	:	lightpink
HTML (Wert)	:	#ffd700	HTML (Wert)	:	#ffb6c1
CSS	:	#ffd700	CSS	:	lightpink
CSS (Wert)	:	#ffd700	CSS (Wert)	:	#ffb6c1
CSS (kürzest)	:	#ffd700	CSS (kürzest)	:	#ffb6c1
CSS (RGB)	:	rgb(255,215,0)	CSS (RGB)	:	rgb(255,182,193)
CSS (%RGB)	:	rgb(100%,84%,0%)	CSS (%RGB)	:	rgb(100%,71%,75%)

Verlauf Hintergrundfarbwert #ffd700 nach Schriftfarbe lightpink
#ffd700	#ffd21b	#ffcd37	#ffc852	#ffc46e	#ffbf89	#ffbaa5	#ffb6c1
#ffd700	#ffd21b	#ffcd37	#ffc852	#ffc46e	#ffbf89	#ffbaa5	#ffb6c1

Kombination von #ffd700 und lightpink
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 von lightpink und #ffd700 ergibt sich zu 94.39%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.61%. lightpink ist nicht als Schriftfarbe auf Hintergrund #ffd700 geeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Hintergrundfarbwert #ffd700				Schriftfarbe lightpink
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffd700	#ffd700	#ffd700	#ffd700	#ffb6c1	#ffb6c1	#ffb6c1	#ffb6c1
#ffdc24	#ffdc24	#dab800	#dab800	#ffc0c9	#ffc0c9	#da9ca5	#da9ca5
#ffe248	#ffe248	#b69900	#b69900	#ffcad2	#ffcad2	#b68289	#b68289
#ffe86d	#ffe86d	#917a00	#917a00	#ffd5db	#ffd5db	#91686e	#91686e
#ffed91	#ffed91	#6d5c00	#6d5c00	#ffdfe4	#ffdfe4	#6d4e52	#6d4e52
#fff3b6	#fff3b6	#483d00	#483d00	#ffeaed	#ffeaed	#483437	#483437
#fff9da	#fff9da	#241e00	#241e00	#fff4f6	#fff4f6	#241a1b	#241a1b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #ffd700 und Farbe lightpink

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl dfn

Die Hintergrundfarbe soll sich von Farbwert #ffd700 auf Farbe lightpink ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <dfn> in Farbwert #ffd700 vor.

In diesem Beispiel legen wir Farbwert #ffd700 als Hintergrundfarbe von <dfn> fest. Die Schriftgröße erhöhen wir auf 113%:

<style type="text/css"><!--
  dfn { 
    font-size: 113%; 
    background-color: #ffd700;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu lightpink ändert.

<style type="text/css"><!--
  dfn:hover { 
    background-color:lightpink;
  }
//-->
</style>

Mehr zu dfn können Sie in Text in HTML finden. Mehr zum hier verwendeten Befehl dfn erfahren Sie in der HTML Referenz unter <dfn>.