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

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.

Hintergrundfarbe lightpink			Schriftfarbwert #ffd700
Detail	:	Hintergrund lightpink	Detail	:	Schrift #ffd700
Farbe	:	lightpink	Farbwert	:	#ffd700
Farbwert	:	#ffb6c1	Farbe	:	gold
HTML	:	lightpink	HTML	:	#ffd700
HTML (Wert)	:	#ffb6c1	HTML (Wert)	:	#ffd700
CSS	:	lightpink	CSS	:	#ffd700
CSS (Wert)	:	#ffb6c1	CSS (Wert)	:	#ffd700
CSS (kürzest)	:	#ffb6c1	CSS (kürzest)	:	#ffd700
CSS (RGB)	:	rgb(255,182,193)	CSS (RGB)	:	rgb(255,215,0)
CSS (%RGB)	:	rgb(100%,71%,75%)	CSS (%RGB)	:	rgb(100%,84%,0%)

Verlauf Hintergrundfarbe lightpink nach Schriftfarbwert #ffd700
#ffb6c1	#ffbaa5	#ffbf89	#ffc46e	#ffc852	#ffcd37	#ffd21b	#ffd700
#ffb6c1	#ffbaa5	#ffbf89	#ffc46e	#ffc852	#ffcd37	#ffd21b	#ffd700

Kombination von lightpink und #ffd700
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #ffd700 und lightpink ergibt sich zu 94.39%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.61%. Auf Hintergrund lightpink ist #ffd700 ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet.

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

Beispiel zur Kombination von Farbe lightpink und Farbwert #ffd700

Wechsel der Umrandung bei Hover bei Tag strike

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

In diesem Beispiel umranden wir <strike> mit einem 2 Pixel dicken, gezahnten Rahmen in Farbe lightpink.

<style type="text/css"><!--
  strike { 
    border-color: lightpink; 
    border-style: ridge; 
    border-width: 2px;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe auf #ffd700 ändert.

<style type="text/css"><!--
  strike: hover { 
    border-color: #ffd700;
  }
//-->
</style>

Mehr zu strike können Sie in Text in HTML nachsehen. Möglichkeiten des hier gezeigten HTML-Tag <strike>.