Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fafad2 und Farbwert #ff69b4

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 #fafad2			Schriftfarbwert #ff69b4
Detail	:	Hintergrund #fafad2	Detail	:	Schrift #ff69b4
Farbwert	:	#fafad2	Farbwert	:	#ff69b4
Farbe	:	lightgoldenrodyellow	Farbe	:	hotpink
HTML	:	#fafad2	HTML	:	#ff69b4
HTML (Wert)	:	#fafad2	HTML (Wert)	:	#ff69b4
CSS	:	#fafad2	CSS	:	#ff69b4
CSS (Wert)	:	#fafad2	CSS (Wert)	:	#ff69b4
CSS (kürzest)	:	#fafad2	CSS (kürzest)	:	#ff69b4
CSS (RGB)	:	rgb(250,250,210)	CSS (RGB)	:	rgb(255,105,180)
CSS (%RGB)	:	rgb(98%,98%,82%)	CSS (%RGB)	:	rgb(100%,41%,70%)

Verlauf Hintergrundfarbwert #fafad2 nach Schriftfarbwert #ff69b4
#fafad2	#fae5cd	#fbd0c9	#fcbbc5	#fca7c0	#fd92bc	#fe7db8	#ff69b4
#fafad2	#fae5cd	#fbd0c9	#fcbbc5	#fca7c0	#fd92bc	#fe7db8	#ff69b4

Kombination von #fafad2 und #ff69b4
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #fafad2 ist #ff69b4 ungeeignet, weil die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #ff69b4 und #fafad2 beträgt 88.19%. Die Lesbarkeit dieser Kombination ergibt sich zu 11.81%.

Hintergrundfarbwert #fafad2				Schriftfarbwert #ff69b4
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fafad2	#fafad2	#fafad2	#fafad2	#ff69b4	#ff69b4	#ff69b4	#ff69b4
#fafad8	#fafad8	#d6d6b4	#d6d6b4	#ff7ebe	#ff7ebe	#da5a9a	#da5a9a
#fbfbde	#fbfbde	#b2b296	#b2b296	#ff93c9	#ff93c9	#b64b80	#b64b80
#fcfce5	#fcfce5	#8e8e78	#8e8e78	#ffa9d4	#ffa9d4	#913c66	#913c66
#fcfceb	#fcfceb	#6b6b5a	#6b6b5a	#ffbede	#ffbede	#6d2d4d	#6d2d4d
#fdfdf2	#fdfdf2	#47473c	#47473c	#ffd4e9	#ffd4e9	#481e33	#481e33
#fefef8	#fefef8	#23231e	#23231e	#ffe9f4	#ffe9f4	#240f19	#240f19
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fafad2 und Farbwert #ff69b4

Wechsel der Textfarbe bei Hover mit Tag em

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

Wir setzen z.B. die Textfarbe von <em> auf Farbwert #fafad2. Die Hintergrundfarbe lassen wir unverändert. Die Schriftart setzen wir auf verdana und setzen die Schriftgröße auf 82%.

<style type="text/css"><!--
  em { 
    font-family: verdana; 
    color: #fafad2; 
    font-size: 82%;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe auf #ff69b4 ändert.

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

Mehr zu em können Sie in Text in HTML nachsehen. Weiteres zum hier gezeigten Befehl em ist in der HTML Referenz unter <em> beschrieben.

Füllen und Umranden mit HTML-Befehl td

Hier umranden wir <td> mit einem doppelten, 1 Punkte dicken Rahmen in Farbwert #ff69b4 . Die Hintergrundfarbe für <td> färben wir mit Farbwert #fafad2. Dies ist mit HTML kaum möglich. Daher nutzen wir CSS.

<style type="text/css"><!--
  td { border:1pt double #ff69b4; background-color:#fafad2; }
//-->
</style>

Mehr zum Thema können Sie in Tabellen in HTML nachsehen. Möglichkeiten vom HTML-Befehl td sind in der HTML Referenz unter <td> gezeigt.