Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #a0522d 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 #a0522d			Schriftfarbe chartreuse
Detail	:	Hintergrund #a0522d	Detail	:	Schrift chartreuse
Farbwert	:	#a0522d	Farbe	:	chartreuse
Farbe	:	sienna	Farbwert	:	#7fff00
HTML	:	#a0522d	HTML	:	chartreuse
HTML (Wert)	:	#a0522d	HTML (Wert)	:	#7fff00
CSS	:	#a0522d	CSS	:	chartreuse
CSS (Wert)	:	#a0522d	CSS (Wert)	:	#7fff00
CSS (kürzest)	:	#a0522d	CSS (kürzest)	:	#7fff00
CSS (RGB)	:	rgb(160,82,45)	CSS (RGB)	:	rgb(127,255,0)
CSS (%RGB)	:	rgb(62%,32%,17%)	CSS (%RGB)	:	rgb(49%,100%,0%)

Verlauf Hintergrundfarbwert #a0522d nach Schriftfarbe chartreuse
#a0522d	#9b6a26	#968320	#919c19	#8db413	#88cd0c	#83e606	#7fff00
#a0522d	#9b6a26	#968320	#919c19	#8db413	#88cd0c	#83e606	#7fff00

Kombination von #a0522d und chartreuse
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von chartreuse und #a0522d beträgt 79.36%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 20.64%. chartreuse ist nicht als Schriftfarbe auf Hintergrund #a0522d geeignet, da weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind.

Hintergrundfarbwert #a0522d				Schriftfarbe chartreuse
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a0522d	#a0522d	#a0522d	#a0522d	#7fff00	#7fff00	#7fff00	#7fff00
#ad6a4b	#ad6a4b	#894626	#894626	#91ff24	#91ff24	#6cda00	#6cda00
#bb8369	#bb8369	#723a20	#723a20	#a3ff48	#a3ff48	#5ab600	#5ab600
#c89c87	#c89c87	#5b2e19	#5b2e19	#b5ff6d	#b5ff6d	#489100	#489100
#d6b4a5	#d6b4a5	#442313	#442313	#c8ff91	#c8ff91	#366d00	#366d00
#e3cdc3	#e3cdc3	#2d170c	#2d170c	#daffb6	#daffb6	#244800	#244800
#f1e6e1	#f1e6e1	#160b06	#160b06	#ecffda	#ecffda	#122400	#122400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #a0522d und Farbe chartreuse

Wechsel der Textfarbe bei Hover bei Tag select

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

Zum Beispiel ändern wir bei <select> die Textfarbe auf Farbwert #a0522d. Die Hintergrundfarbe lassen wir unverändert, setzen jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  select { 
    font-family:sans-serif; 
    color:#a0522d;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu chartreuse ändert.

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

Mehr zum Thema select können Sie in Formulare in HTML nachsehen. Weiteres zum HTML-Tag <select>.

Text- und Unterstreichungsfarben von Tag a

Einen Hyperlink erzeugen Sie mit HTML-Befehl <a>. Diesen kann man hervorheben und farblich gestalten.

Hier ändern wir die Textfarbe von <a> auf Farbe chartreuse und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf arial und ändern die Schriftgröße auf 10px. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gefurchten Rahmens mit 4 Punkte Dicke in Farbwert #a0522d. Das ist in HTML so kaum möglich. Daher nutzen wir hier CSS.

<style type="text/css"><!--
  a { 
    color:chartreuse; 
    font-size:10px; 
    border-bottom-style:groove; 
    border-bottom-color:#a0522d; 
    border-bottom-width:4pt; 
    font-family:arial;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zu a können Sie in Verweise und Protokolle in HTML nachlesen. Die Beschreibung vom Befehl a lesen Sie in der HTML Referenz unter <a>.