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

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			Schriftfarbwert #ffc0cb
Detail	:	Hintergrund #ffd700	Detail	:	Schrift #ffc0cb
Farbwert	:	#ffd700	Farbwert	:	#ffc0cb
Farbe	:	gold	Farbe	:	pink
HTML	:	#ffd700	HTML	:	#ffc0cb
HTML (Wert)	:	#ffd700	HTML (Wert)	:	#ffc0cb
CSS	:	#ffd700	CSS	:	#ffc0cb
CSS (Wert)	:	#ffd700	CSS (Wert)	:	#ffc0cb
CSS (kürzest)	:	#ffd700	CSS (kürzest)	:	#ffc0cb
CSS (RGB)	:	rgb(255,215,0)	CSS (RGB)	:	rgb(255,192,203)
CSS (%RGB)	:	rgb(100%,84%,0%)	CSS (%RGB)	:	rgb(100%,75%,79%)

Verlauf Hintergrundfarbwert #ffd700 nach Schriftfarbwert #ffc0cb
#ffd700	#ffd31d	#ffd03a	#ffcd57	#ffc974	#ffc691	#ffc3ae	#ffc0cb
#ffd700	#ffd31d	#ffd03a	#ffcd57	#ffc974	#ffc691	#ffc3ae	#ffc0cb

Kombination von #ffd700 und #ffc0cb
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #ffc0cb und #ffd700 beträgt 94.78%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.22%. Auf Hintergrund #ffd700 ist #ffc0cb ungeeignet. Die Helligkeit und Farben sind zu ähnlich.

Hintergrundfarbwert #ffd700				Schriftfarbwert #ffc0cb
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffd700	#ffd700	#ffd700	#ffd700	#ffc0cb	#ffc0cb	#ffc0cb	#ffc0cb
#ffdc24	#ffdc24	#dab800	#dab800	#ffc9d2	#ffc9d2	#daa4ae	#daa4ae
#ffe248	#ffe248	#b69900	#b69900	#ffd2d9	#ffd2d9	#b68991	#b68991
#ffe86d	#ffe86d	#917a00	#917a00	#ffdbe1	#ffdbe1	#916d74	#916d74
#ffed91	#ffed91	#6d5c00	#6d5c00	#ffe4e8	#ffe4e8	#6d5257	#6d5257
#fff3b6	#fff3b6	#483d00	#483d00	#ffedf0	#ffedf0	#48363a	#48363a
#fff9da	#fff9da	#241e00	#241e00	#fff6f7	#fff6f7	#241b1d	#241b1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffd700 und Farbwert #ffc0cb

Wechsel der Textfarbe bei Hover mit Tag h1

Eine Überschrift der 1. Stufe wird mit Befehl <h1> gesetzt und kann hervorgehoben und farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #ffd700 auf Farbwert #ffc0cb ändern, wenn man mit der Maus auf <h1> zeigt. Wir bereiten zunächst die Darstellung von <h1> in Farbwert #ffd700 vor.

Z.B. legen wir Farbwert #ffd700 als Textfarbe von <h1> fest und vergrößern die Schriftgröße auf 116%.

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

Nun stellen wir ein, dass sich bei Hover die Textfarbe zu #ffc0cb ändert.

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

Mehr zum Thema h1 können Sie in Grundlegende Gestaltungselemente in HTML finden. Weiteres zum Tag h1 ist in der HTML Referenz bei <h1> genau beschrieben.

Hintergrund/Text-Kombination bei Tag pre

Hier ändern wir die Textfarbe von <pre> auf Farbwert #ffc0cb und die Hintergrundfarbe von <pre> auf Farbwert #ffd700. Die Schriftart setzen wir auf monospace. Die Schriftgröße setzen wir auf 116%.

<style type="text/css"><!--
  pre { 
    color: #ffc0cb; 
    font-size: 116%; 
    background-color: #ffd700; 
    font-family: monospace;
  }
//-->
</style>

Mehr zu pre können Sie in Blockorientierte Elemente in HTML lesen. Weiteres zum hier verwendeten HTML-Befehl pre ist in der HTML Referenz unter <pre> genau beschrieben.