Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #a0522d und Farbe lightcyan

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 lightcyan
Detail	:	Hintergrund #a0522d	Detail	:	Schrift lightcyan
Farbwert	:	#a0522d	Farbe	:	lightcyan
Farbe	:	sienna	Farbwert	:	#e0ffff
HTML	:	#a0522d	HTML	:	lightcyan
HTML (Wert)	:	#a0522d	HTML (Wert)	:	#e0ffff
CSS	:	#a0522d	CSS	:	lightcyan
CSS (Wert)	:	#a0522d	CSS (Wert)	:	#e0ffff
CSS (kürzest)	:	#a0522d	CSS (kürzest)	:	#e0ffff
CSS (RGB)	:	rgb(160,82,45)	CSS (RGB)	:	rgb(224,255,255)
CSS (%RGB)	:	rgb(62%,32%,17%)	CSS (%RGB)	:	rgb(87%,100%,100%)

Verlauf Hintergrundfarbwert #a0522d nach Schriftfarbe lightcyan
#a0522d	#a96a4b	#b28369	#bb9c87	#c4b4a5	#cdcdc3	#d6e6e1	#e0ffff
#a0522d	#a96a4b	#b28369	#bb9c87	#c4b4a5	#cdcdc3	#d6e6e1	#e0ffff

Kombination von #a0522d und lightcyan
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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #a0522d ist lightcyan ungeeignet. Zwar ist der Helligkeitsunterschied in Ordnung, die Farben selbst sind sich jedoch zu ähnlich. Die Ähnlichkeit von lightcyan und #a0522d beträgt 74.64%. Die Lesbarkeit dieser Kombination bewerte ich mit 25.36%.

Hintergrundfarbwert #a0522d				Schriftfarbe lightcyan
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a0522d	#a0522d	#a0522d	#a0522d	#e0ffff	#e0ffff	#e0ffff	#e0ffff
#ad6a4b	#ad6a4b	#894626	#894626	#e4ffff	#e4ffff	#c0dada	#c0dada
#bb8369	#bb8369	#723a20	#723a20	#e8ffff	#e8ffff	#a0b6b6	#a0b6b6
#c89c87	#c89c87	#5b2e19	#5b2e19	#edffff	#edffff	#809191	#809191
#d6b4a5	#d6b4a5	#442313	#442313	#f1ffff	#f1ffff	#606d6d	#606d6d
#e3cdc3	#e3cdc3	#2d170c	#2d170c	#f6ffff	#f6ffff	#404848	#404848
#f1e6e1	#f1e6e1	#160b06	#160b06	#faffff	#faffff	#202424	#202424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #a0522d und Farbe lightcyan

Wechsel der Textfarbe bei Hover mit Befehl td

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

Wir setzen für dieses Beispiel die Textfarbe von <td> auf Farbwert #a0522d. Zwar ändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf courier new.

<style type="text/css"><!--
  td { 
    color: #a0522d; 
    font-family: courier new;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Textfarbe auf lightcyan ändert.

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

Weiteres zum Thema können Sie in Tabellen in HTML nachlesen. Möglichkeiten vom Tag <td>.

Hintergrund/Text-Kombination von HTML-Befehl dt

Hier ändern wir die Textfarbe von <dt> auf Farbe lightcyan und die Hintergrundfarbe von <dt> auf Farbwert #a0522d. Die Schriftart ändern wir auf sans-serif und als Schriftgröße entscheiden wir uns für 13px.

<style type="text/css"><!--
  dt { 
    font-size:13px; 
    color:lightcyan; 
    background-color:#a0522d; 
    font-family:sans-serif;
  }
//-->
</style>

Mehr zum Thema dt können Sie in Listen und Glossare in HTML nachsehen. Zur Beschreibung vom HTML-Tag <dt>.