Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #1e90ff und Farbwert #cd853f

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 #1e90ff			Schriftfarbwert #cd853f
Detail	:	Hintergrund #1e90ff	Detail	:	Schrift #cd853f
Farbwert	:	#1e90ff	Farbwert	:	#cd853f
Farbe	:	dodgerblue	Farbe	:	peru
HTML	:	#1e90ff	HTML	:	#cd853f
HTML (Wert)	:	#1e90ff	HTML (Wert)	:	#cd853f
CSS	:	#1e90ff	CSS	:	#cd853f
CSS (Wert)	:	#1e90ff	CSS (Wert)	:	#cd853f
CSS (kürzest)	:	#1e90ff	CSS (kürzest)	:	#cd853f
CSS (RGB)	:	rgb(30,144,255)	CSS (RGB)	:	rgb(205,133,63)
CSS (%RGB)	:	rgb(11%,56%,100%)	CSS (%RGB)	:	rgb(80%,52%,24%)

Verlauf Hintergrundfarbwert #1e90ff nach Schriftfarbwert #cd853f
#1e90ff	#378ee3	#508cc8	#698bac	#828991	#9b8875	#b4865a	#cd853f
#1e90ff	#378ee3	#508cc8	#698bac	#828991	#9b8875	#b4865a	#cd853f

Kombination von #1e90ff und #cd853f
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				#cd853f eignet sich nicht als Schriftfarbe auf Hintergrund #1e90ff. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit der Farben #cd853f und #1e90ff beträgt 94.85%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.15%.

Hintergrundfarbwert #1e90ff				Schriftfarbwert #cd853f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#1e90ff	#1e90ff	#1e90ff	#1e90ff	#cd853f	#cd853f	#cd853f	#cd853f
#3e9fff	#3e9fff	#197bda	#197bda	#d4965a	#d4965a	#af7236	#af7236
#5eafff	#5eafff	#1566b6	#1566b6	#dba775	#dba775	#925f2d	#925f2d
#7ebfff	#7ebfff	#115291	#115291	#e2b991	#e2b991	#754c24	#754c24
#9ecfff	#9ecfff	#0c3d6d	#0c3d6d	#e9caac	#e9caac	#57391b	#57391b
#bedfff	#bedfff	#082948	#082948	#f0dcc8	#f0dcc8	#3a2612	#3a2612
#deefff	#deefff	#041424	#041424	#f7ede3	#f7ede3	#1d1309	#1d1309
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #1e90ff und Farbwert #cd853f

Wechsel der Textfarbe bei Hover mit Tag dd

Die Textfarbe soll sich von Farbwert #1e90ff auf Farbwert #cd853f ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <dd> in Farbwert #1e90ff vor.

In diesem Beispiel legen wir Farbwert #1e90ff als Textfarbe von <dd> fest. Die Schriftgröße setzen wir auf 96%.

<style type="text/css"><!--
  dd { 
    font-size: 96%; 
    color: #1e90ff;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe auf #cd853f ändert.

<style type="text/css"><!--
  dd: hover { 
    color: #cd853f;
  }
//-->
</style>

Mehr zum Thema finden Sie in Listen und Glossare in HTML. Die Beschreibung des hier verwendeten Tag dd finden Sie in der HTML Referenz unter <dd>.

Hintergrund/Text-Kombination mit HTML-Tag a

Ein Verweis wird mit Tag <a> gesetzt. Diesen kann man hervorheben und farblich gestalten.

Wir ändern für dieses Beispiel die Textfarbe von <a> auf Farbwert #cd853f und die Hintergrundfarbe von <a> auf Farbwert #1e90ff. Als Schriftart wählen wir arial. Die Schriftgröße setzen wir auf 81%.

<style type="text/css"><!--
  a { 
    font-size: 81%; 
    color: #cd853f; 
    font-family: arial; 
    background-color: #1e90ff;
  }
//-->
</style>

Mehr zum Thema a lesen Sie in Verweise und Protokolle in HTML. Die Beschreibung des hier verwendeten HTML-Befehl a finden Sie in der HTML Referenz unter <a>.