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

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 #ff69b4			Schriftfarbwert #deb887
Detail	:	Hintergrund #ff69b4	Detail	:	Schrift #deb887
Farbwert	:	#ff69b4	Farbwert	:	#deb887
Farbe	:	hotpink	Farbe	:	burlywood
HTML	:	#ff69b4	HTML	:	#deb887
HTML (Wert)	:	#ff69b4	HTML (Wert)	:	#deb887
CSS	:	#ff69b4	CSS	:	#deb887
CSS (Wert)	:	#ff69b4	CSS (Wert)	:	#deb887
CSS (kürzest)	:	#ff69b4	CSS (kürzest)	:	#deb887
CSS (RGB)	:	rgb(255,105,180)	CSS (RGB)	:	rgb(222,184,135)
CSS (%RGB)	:	rgb(100%,41%,70%)	CSS (%RGB)	:	rgb(87%,72%,52%)

Verlauf Hintergrundfarbwert #ff69b4 nach Schriftfarbwert #deb887
#ff69b4	#fa74ad	#f57fa7	#f08aa0	#ec969a	#e7a193	#e2ac8d	#deb887
#ff69b4	#fa74ad	#f57fa7	#f08aa0	#ec969a	#e7a193	#e2ac8d	#deb887

Kombination von #ff69b4 und #deb887
Cras vestibulum tristique erat, ac interdum justo cursus in. 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 id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #ff69b4 ist #deb887 ungeeignet, da die Unterschiede in der Helligkeit und Farbe zu gering sind. Die Ähnlichkeit von #deb887 und #ff69b4 ergibt sich zu 93.21%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 6.79%.

Hintergrundfarbwert #ff69b4				Schriftfarbwert #deb887
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff69b4	#ff69b4	#ff69b4	#ff69b4	#deb887	#deb887	#deb887	#deb887
#ff7ebe	#ff7ebe	#da5a9a	#da5a9a	#e2c298	#e2c298	#be9d73	#be9d73
#ff93c9	#ff93c9	#b64b80	#b64b80	#e7cca9	#e7cca9	#9e8360	#9e8360
#ffa9d4	#ffa9d4	#913c66	#913c66	#ecd6ba	#ecd6ba	#7e694d	#7e694d
#ffbede	#ffbede	#6d2d4d	#6d2d4d	#f0e0cb	#f0e0cb	#5f4e39	#5f4e39
#ffd4e9	#ffd4e9	#481e33	#481e33	#f5eadc	#f5eadc	#3f3426	#3f3426
#ffe9f4	#ffe9f4	#240f19	#240f19	#faf4ed	#faf4ed	#1f1a13	#1f1a13
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ff69b4 und Farbwert #deb887

Füllen und Umranden bei Tag strike

Hier umranden wir <strike> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbwert #deb887 . Die Hintergrundfarbe für <strike> färben wir entsprechend mit Farbwert #ff69b4. Dies geht in HTML kaum. Wir verwenden daher CSS.

<style type="text/css"><!--
  strike { border:4px dotted #deb887; background-color:#ff69b4; }
//-->
</style>

Mehr zum Thema strike können Sie in Text in HTML erfahren. Der HTML-Befehl strike ist in der HTML Referenz unter <strike> ausführlich gezeigt.

Wechsel der Textfarbe bei Hover mit HTML-Befehl a

Einen Link erzeugt man mit HTML-Tag <a>. Diesen können Sie farblich gestalten.

Die Textfarbe soll sich von Farbwert #ff69b4 auf Farbwert #deb887 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <a> in Farbwert #ff69b4 vor.

Zum Beispiel setzen wir bei <a> die Textfarbe auf Farbwert #ff69b4.

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

Nun fordern wir, dass bei Mausberührung die Textfarbe auf #deb887 geändert wird.

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

Mehr zum Thema können Sie in Verweise und Protokolle in HTML lesen. Weiteres zum hier gezeigten HTML-Befehl <a>.