Ressourcen: 137 HTML Farbnamen - Kombination von Farbe sandybrown und Farbwert #ffc0cb

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe sandybrown			Schriftfarbwert #ffc0cb
Detail	:	Hintergrund sandybrown	Detail	:	Schrift #ffc0cb
Farbe	:	sandybrown	Farbwert	:	#ffc0cb
Farbwert	:	#f4a460	Farbe	:	pink
HTML	:	sandybrown	HTML	:	#ffc0cb
HTML (Wert)	:	#f4a460	HTML (Wert)	:	#ffc0cb
CSS	:	sandybrown	CSS	:	#ffc0cb
CSS (Wert)	:	#f4a460	CSS (Wert)	:	#ffc0cb
CSS (kürzest)	:	#f4a460	CSS (kürzest)	:	#ffc0cb
CSS (RGB)	:	rgb(244,164,96)	CSS (RGB)	:	rgb(255,192,203)
CSS (%RGB)	:	rgb(95%,64%,37%)	CSS (%RGB)	:	rgb(100%,75%,79%)

Verlauf Hintergrundfarbe sandybrown nach Schriftfarbwert #ffc0cb
#f4a460	#f5a86f	#f7ac7e	#f8b08d	#fab49d	#fbb8ac	#fdbcbb	#ffc0cb
#f4a460	#f5a86f	#f7ac7e	#f8b08d	#fab49d	#fbb8ac	#fdbcbb	#ffc0cb

Kombination von sandybrown und #ffc0cb
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Auf Hintergrund sandybrown ist #ffc0cb ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben #ffc0cb und sandybrown beträgt 93.70%. Die Lesbarkeit dieser Kombination liegt damit bei 6.30%.

Hintergrundfarbe sandybrown				Schriftfarbwert #ffc0cb
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f4a460	#f4a460	#f4a460	#f4a460	#ffc0cb	#ffc0cb	#ffc0cb	#ffc0cb
#f5b176	#f5b176	#d18c52	#d18c52	#ffc9d2	#ffc9d2	#daa4ae	#daa4ae
#f7be8d	#f7be8d	#ae7544	#ae7544	#ffd2d9	#ffd2d9	#b68991	#b68991
#f8cba4	#f8cba4	#8b5d36	#8b5d36	#ffdbe1	#ffdbe1	#916d74	#916d74
#fad8ba	#fad8ba	#684629	#684629	#ffe4e8	#ffe4e8	#6d5257	#6d5257
#fbe5d1	#fbe5d1	#452e1b	#452e1b	#ffedf0	#ffedf0	#48363a	#48363a
#fdf2e8	#fdf2e8	#22170d	#22170d	#fff6f7	#fff6f7	#241b1d	#241b1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe sandybrown und Farbwert #ffc0cb

Wechsel der Textfarbe bei Hover mit Befehl dt

Die Textfarbe soll sich von Farbe sandybrown auf Farbwert #ffc0cb ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <dt> in Farbe sandybrown vor.

Für dieses Beispiel legen wir Farbe sandybrown als Textfarbe von <dt> fest. Zwar verändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf monospace und setzen die Schriftgröße auf 9pt:

<style type="text/css"><!--
  dt { 
    color:sandybrown; 
    font-size:9pt; 
    font-family:monospace;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #ffc0cb geändert wird.

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

Mehr zum Thema dt können Sie in Listen und Glossare in HTML erfahren. Einzelheiten des HTML-Befehl dt lesen Sie in der HTML Referenz unter <dt>.