Ressourcen: 120 HTML Farbnamen - Kombination von Farbe dodgerblue und Farbe sienna

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 dodgerblue			Schriftfarbe sienna
Detail	:	Hintergrund dodgerblue	Detail	:	Schrift sienna
Farbe	:	dodgerblue	Farbe	:	sienna
Farbwert	:	#1e90ff	Farbwert	:	#a0522d
HTML	:	dodgerblue	HTML	:	sienna
HTML (Wert)	:	#1e90ff	HTML (Wert)	:	#a0522d
CSS	:	dodgerblue	CSS	:	sienna
CSS (Wert)	:	#1e90ff	CSS (Wert)	:	#a0522d
CSS (kürzest)	:	#1e90ff	CSS (kürzest)	:	#a0522d
CSS (RGB)	:	rgb(30,144,255)	CSS (RGB)	:	rgb(160,82,45)
CSS (%RGB)	:	rgb(11%,56%,100%)	CSS (%RGB)	:	rgb(62%,32%,17%)

Verlauf Hintergrundfarbe dodgerblue nach Schriftfarbe sienna
#1e90ff	#3087e1	#437ec3	#5575a5	#686c87	#7a6369	#8d5a4b	#a0522d
#1e90ff	#3087e1	#437ec3	#5575a5	#686c87	#7a6369	#8d5a4b	#a0522d

Kombination von dodgerblue und sienna
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund dodgerblue ist sienna ungeeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit von sienna und dodgerblue ergibt sich zu 91.74%. Die Lesbarkeit dieser Kombination ergibt sich zu 8.26%.

Hintergrundfarbe dodgerblue				Schriftfarbe sienna
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#1e90ff	#1e90ff	#1e90ff	#1e90ff	#a0522d	#a0522d	#a0522d	#a0522d
#3e9fff	#3e9fff	#197bda	#197bda	#ad6a4b	#ad6a4b	#894626	#894626
#5eafff	#5eafff	#1566b6	#1566b6	#bb8369	#bb8369	#723a20	#723a20
#7ebfff	#7ebfff	#115291	#115291	#c89c87	#c89c87	#5b2e19	#5b2e19
#9ecfff	#9ecfff	#0c3d6d	#0c3d6d	#d6b4a5	#d6b4a5	#442313	#442313
#bedfff	#bedfff	#082948	#082948	#e3cdc3	#e3cdc3	#2d170c	#2d170c
#deefff	#deefff	#041424	#041424	#f1e6e1	#f1e6e1	#160b06	#160b06
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe dodgerblue und Farbe sienna

Füllen und Umranden bei HTML-Befehl code

Hier umranden wir <code> mit einem 2 Pixel dicken, herausstehenden Rahmen in Farbe sienna . Die Hintergrundfarbe für <code> setzen wir auf Farbe dodgerblue. Dies geht mit HTML nicht. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  code { border:2px outset sienna; background-color:dodgerblue; }
//-->
</style>

Weiteres zu code erfahren Sie in Text in HTML. Möglichkeiten des hier verwendeten HTML-Befehl <code>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl ins

Die Hintergrundfarbe soll sich von Farbe dodgerblue auf Farbe sienna ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <ins> in Farbe dodgerblue vor.

Als Beispiel legen wir Farbe dodgerblue als Hintergrundfarbe von <ins> fest. Zwar ändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  ins { 
    background-color: dodgerblue; 
    font-family: sans-serif;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf sienna gesetzt wird.

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

Zur Beschreibung vom hier gezeigten Befehl <ins>.