Ressourcen: 120 HTML Farbnamen - Kombination von Farbe burlywood und Farbe pink

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 burlywood			Schriftfarbe pink
Detail	:	Hintergrund burlywood	Detail	:	Schrift pink
Farbe	:	burlywood	Farbe	:	pink
Farbwert	:	#deb887	Farbwert	:	#ffc0cb
HTML	:	burlywood	HTML	:	pink
HTML (Wert)	:	#deb887	HTML (Wert)	:	#ffc0cb
CSS	:	burlywood	CSS	:	pink
CSS (Wert)	:	#deb887	CSS (Wert)	:	#ffc0cb
CSS (kürzest)	:	#deb887	CSS (kürzest)	:	#ffc0cb
CSS (RGB)	:	rgb(222,184,135)	CSS (RGB)	:	rgb(255,192,203)
CSS (%RGB)	:	rgb(87%,72%,52%)	CSS (%RGB)	:	rgb(100%,75%,79%)

Verlauf Hintergrundfarbe burlywood nach Schriftfarbe pink
#deb887	#e2b990	#e7ba9a	#ecbba4	#f0bcad	#f5bdb7	#fabec1	#ffc0cb
#deb887	#e2b990	#e7ba9a	#ecbba4	#f0bcad	#f5bdb7	#fabec1	#ffc0cb

Kombination von burlywood und pink
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				pink ist nicht als Schriftfarbe auf Hintergrund burlywood geeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend. Die Ähnlichkeit der Farben pink und burlywood beträgt 94.25%. Die Lesbarkeit dieser Kombination liegt damit bei 5.75%.

Hintergrundfarbe burlywood				Schriftfarbe pink
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#deb887	#deb887	#deb887	#deb887	#ffc0cb	#ffc0cb	#ffc0cb	#ffc0cb
#e2c298	#e2c298	#be9d73	#be9d73	#ffc9d2	#ffc9d2	#daa4ae	#daa4ae
#e7cca9	#e7cca9	#9e8360	#9e8360	#ffd2d9	#ffd2d9	#b68991	#b68991
#ecd6ba	#ecd6ba	#7e694d	#7e694d	#ffdbe1	#ffdbe1	#916d74	#916d74
#f0e0cb	#f0e0cb	#5f4e39	#5f4e39	#ffe4e8	#ffe4e8	#6d5257	#6d5257
#f5eadc	#f5eadc	#3f3426	#3f3426	#ffedf0	#ffedf0	#48363a	#48363a
#faf4ed	#faf4ed	#1f1a13	#1f1a13	#fff6f7	#fff6f7	#241b1d	#241b1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe burlywood und Farbe pink

Wechsel der Hintergrundfarbe bei Hover bei Befehl span

Die Hintergrundfarbe soll sich von Farbe burlywood auf Farbe pink ändern, wenn man mit der Maus auf <span> zeigt. Wir bereiten zunächst die Formatierung von <span> in Farbe burlywood vor.

Wir legen für dieses Beispiel bei <span> die Hintergrundfarbe auf Farbe burlywood fest.

<style type="text/css"><!--
  span { 
    background-color:burlywood;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf pink gesetzt wird.

<style type="text/css"><!--
  span:hover { 
    background-color:pink;
  }
//-->
</style>

Die Beschreibung des hier genutzten HTML-Tag span erfahren Sie in der HTML Referenz unter <span>.

Hintergrund/Text-Kombination mit HTML-Befehl dt

Hier ändern wir die Textfarbe von <dt> auf Farbe pink und die Hintergrundfarbe von <dt> auf Farbe burlywood. Die Schriftart ändern wir auf monospace und als Schriftgröße wählen wir 86%.

<style type="text/css"><!--
  dt { 
    color: pink; 
    background-color: burlywood; 
    font-size: 86%; 
    font-family: monospace;
  }
//-->
</style>

Weiteres zu dt erfahren Sie in Listen und Glossare in HTML. Beschreibung vom hier verwendeten HTML-Tag <dt>.