Ressourcen: 120 HTML Farbnamen - Kombination von Farbe chartreuse und Farbe brown

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 chartreuse			Schriftfarbe brown
Detail	:	Hintergrund chartreuse	Detail	:	Schrift brown
Farbe	:	chartreuse	Farbe	:	brown
Farbwert	:	#7fff00	Farbwert	:	#a52a2a
HTML	:	chartreuse	HTML	:	brown
HTML (Wert)	:	#7fff00	HTML (Wert)	:	#a52a2a
CSS	:	chartreuse	CSS	:	brown
CSS (Wert)	:	#7fff00	CSS (Wert)	:	#a52a2a
CSS (kürzest)	:	#7fff00	CSS (kürzest)	:	#a52a2a
CSS (RGB)	:	rgb(127,255,0)	CSS (RGB)	:	rgb(165,42,42)
CSS (%RGB)	:	rgb(49%,100%,0%)	CSS (%RGB)	:	rgb(64%,16%,16%)

Verlauf Hintergrundfarbe chartreuse nach Schriftfarbe brown
#7fff00	#84e006	#89c20c	#8fa312	#948518	#9a661e	#9f4824	#a52a2a
#7fff00	#84e006	#89c20c	#8fa312	#948518	#9a661e	#9f4824	#a52a2a

Kombination von chartreuse und brown
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. 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.				brown eignet sich nicht als Schriftfarbe auf Hintergrund chartreuse, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben brown und chartreuse ergibt sich zu 73.97%. Die Lesbarkeit dieser Kombination ergibt sich zu 26.03%.

Hintergrundfarbe chartreuse				Schriftfarbe brown
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7fff00	#7fff00	#7fff00	#7fff00	#a52a2a	#a52a2a	#a52a2a	#a52a2a
#91ff24	#91ff24	#6cda00	#6cda00	#b14848	#b14848	#8d2424	#8d2424
#a3ff48	#a3ff48	#5ab600	#5ab600	#be6666	#be6666	#751e1e	#751e1e
#b5ff6d	#b5ff6d	#489100	#489100	#cb8585	#cb8585	#5e1818	#5e1818
#c8ff91	#c8ff91	#366d00	#366d00	#d8a3a3	#d8a3a3	#461212	#461212
#daffb6	#daffb6	#244800	#244800	#e5c2c2	#e5c2c2	#2f0c0c	#2f0c0c
#ecffda	#ecffda	#122400	#122400	#f2e0e0	#f2e0e0	#170606	#170606
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe chartreuse und Farbe brown

Wechsel der Umrandung bei Hover bei HTML-Befehl fieldset

Die Rahmenfarbe soll sich von Farbe chartreuse auf Farbe brown ändern, wenn man mit der Maus auf <fieldset> zeigt. Wir bereiten zunächst eine Darstellung von <fieldset> in Farbe chartreuse vor.

In diesem Beispiel umranden wir <fieldset> mit einem 2 Pixel dicken, gefurchten Rahmen in Farbe chartreuse.

<style type="text/css"><!--
  fieldset { border:2px groove chartreuse; }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Rahmenfarbe auf brown gesetzt wird.

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

Mehr zum Thema fieldset lesen Sie in Formulare in HTML. Einzelheiten des HTML-Tag fieldset erfahren Sie in der HTML Referenz unter <fieldset>.