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

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 #deb887			Schriftfarbe chartreuse
Detail	:	Hintergrund #deb887	Detail	:	Schrift chartreuse
Farbwert	:	#deb887	Farbe	:	chartreuse
Farbe	:	burlywood	Farbwert	:	#7fff00
HTML	:	#deb887	HTML	:	chartreuse
HTML (Wert)	:	#deb887	HTML (Wert)	:	#7fff00
CSS	:	#deb887	CSS	:	chartreuse
CSS (Wert)	:	#deb887	CSS (Wert)	:	#7fff00
CSS (kürzest)	:	#deb887	CSS (kürzest)	:	#7fff00
CSS (RGB)	:	rgb(222,184,135)	CSS (RGB)	:	rgb(127,255,0)
CSS (%RGB)	:	rgb(87%,72%,52%)	CSS (%RGB)	:	rgb(49%,100%,0%)

Verlauf Hintergrundfarbwert #deb887 nach Schriftfarbe chartreuse
#deb887	#d0c273	#c2cc60	#b5d64d	#a7e039	#9aea26	#8cf413	#7fff00
#deb887	#d0c273	#c2cc60	#b5d64d	#a7e039	#9aea26	#8cf413	#7fff00

Kombination von #deb887 und chartreuse
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #deb887 ist chartreuse ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit von chartreuse und #deb887 ergibt sich zu 93.18%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 6.82%.

Hintergrundfarbwert #deb887				Schriftfarbe chartreuse
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#deb887	#deb887	#deb887	#deb887	#7fff00	#7fff00	#7fff00	#7fff00
#e2c298	#e2c298	#be9d73	#be9d73	#91ff24	#91ff24	#6cda00	#6cda00
#e7cca9	#e7cca9	#9e8360	#9e8360	#a3ff48	#a3ff48	#5ab600	#5ab600
#ecd6ba	#ecd6ba	#7e694d	#7e694d	#b5ff6d	#b5ff6d	#489100	#489100
#f0e0cb	#f0e0cb	#5f4e39	#5f4e39	#c8ff91	#c8ff91	#366d00	#366d00
#f5eadc	#f5eadc	#3f3426	#3f3426	#daffb6	#daffb6	#244800	#244800
#faf4ed	#faf4ed	#1f1a13	#1f1a13	#ecffda	#ecffda	#122400	#122400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #deb887 und Farbe chartreuse

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag p

Die Hintergrundfarbe soll sich von Farbwert #deb887 auf Farbe chartreuse ändern, wenn man mit der Maus auf <p> zeigt. Wir bereiten zunächst eine Darstellung von <p> in Farbwert #deb887 vor.

Wir legen hier Farbwert #deb887 als Hintergrundfarbe von <p> fest. Zwar verändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf arial:

<style type="text/css"><!--
  p { 
    background-color: #deb887; 
    font-family: arial;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf chartreuse geändert wird.

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

Weiteres zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum Tag <p>.

Wechsel der Umrandung bei Hover mit Befehl hr

Die Rahmenfarbe soll sich von Farbwert #deb887 auf Farbe chartreuse ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <hr> in Farbwert #deb887 vor.

In diesem Beispiel umranden wir <hr> mit einem 1 Pixel dicken, einfallenden Rahmen in Farbwert #deb887.

<style type="text/css"><!--
  hr { 
    border-color:#deb887; 
    border-style:inset; 
    border-width:1px;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Rahmenfarbe auf chartreuse geändert wird.

<style type="text/css"><!--
  hr: hover { 
    border-color: chartreuse;
  }
//-->
</style>

Mehr zu hr erfahren Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des hier genutzten HTML-Befehl hr sind in der HTML Referenz unter <hr> genau zusammengestellt.