Ressourcen: 120 HTML Farbnamen - Kombination von Farbe dodgerblue und Farbwert #fff8dc

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			Schriftfarbwert #fff8dc
Detail	:	Hintergrund dodgerblue	Detail	:	Schrift #fff8dc
Farbe	:	dodgerblue	Farbwert	:	#fff8dc
Farbwert	:	#1e90ff	Farbe	:	cornsilk
HTML	:	dodgerblue	HTML	:	#fff8dc
HTML (Wert)	:	#1e90ff	HTML (Wert)	:	#fff8dc
CSS	:	dodgerblue	CSS	:	#fff8dc
CSS (Wert)	:	#1e90ff	CSS (Wert)	:	#fff8dc
CSS (kürzest)	:	#1e90ff	CSS (kürzest)	:	#fff8dc
CSS (RGB)	:	rgb(30,144,255)	CSS (RGB)	:	rgb(255,248,220)
CSS (%RGB)	:	rgb(11%,56%,100%)	CSS (%RGB)	:	rgb(100%,97%,86%)

Verlauf Hintergrundfarbe dodgerblue nach Schriftfarbwert #fff8dc
#1e90ff	#3e9efa	#5eadf5	#7ebcf0	#9ecbeb	#bedae6	#dee9e1	#fff8dc
#1e90ff	#3e9efa	#5eadf5	#7ebcf0	#9ecbeb	#bedae6	#dee9e1	#fff8dc

Kombination von dodgerblue und #fff8dc
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#fff8dc ist nicht als Schriftfarbe auf Hintergrund dodgerblue geeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit von #fff8dc und dodgerblue beträgt 85.53%. Die Lesbarkeit dieser Kombination liegt damit bei 14.47%.

Hintergrundfarbe dodgerblue				Schriftfarbwert #fff8dc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#1e90ff	#1e90ff	#1e90ff	#1e90ff	#fff8dc	#fff8dc	#fff8dc	#fff8dc
#3e9fff	#3e9fff	#197bda	#197bda	#fff9e1	#fff9e1	#dad4bc	#dad4bc
#5eafff	#5eafff	#1566b6	#1566b6	#fffae6	#fffae6	#b6b19d	#b6b19d
#7ebfff	#7ebfff	#115291	#115291	#fffbeb	#fffbeb	#918d7d	#918d7d
#9ecfff	#9ecfff	#0c3d6d	#0c3d6d	#fffcf0	#fffcf0	#6d6a5e	#6d6a5e
#bedfff	#bedfff	#082948	#082948	#fffdf5	#fffdf5	#48463e	#48463e
#deefff	#deefff	#041424	#041424	#fffefa	#fffefa	#24231f	#24231f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe dodgerblue und Farbwert #fff8dc

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl center

Die Hintergrundfarbe soll sich von Farbe dodgerblue auf Farbwert #fff8dc ändern, wenn man mit der Maus auf <center> zeigt. Wir bereiten zunächst die Darstellung von <center> in Farbe dodgerblue vor.

Z.B. legen wir Farbe dodgerblue als Hintergrundfarbe von <center> fest. Die Textfarbe behalten wir bei, setzen jedoch die Schriftart auf arial. Die Größe der Schrift setzen wir auf 13px.

<style type="text/css"><!--
  center { 
    background-color: dodgerblue; 
    font-family: arial; 
    font-size: 13px;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe auf #fff8dc ändert.

<style type="text/css"><!--
  center:hover { 
    background-color:#fff8dc;
  }
//-->
</style>

Mehr zu center können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Die Beschreibung vom Tag center lesen Sie in der HTML Referenz unter <center>.

Füllen und Umranden bei HTML-Tag dd

Bei diesem Beispiel umranden wir <dd> mit einem herausstehenden, 4 Pixel dicken Rahmen in Farbwert #fff8dc . Die Hintergrundfarbe für <dd> setzen wir entsprechend auf Farbe dodgerblue. Mit HTML geht dies kaum. Daher verwenden wir dafür CSS.

<style type="text/css"><!--
  dd { 
    border-color: #fff8dc; 
    border-width: 4px; 
    background-color: dodgerblue; 
    border-style: outset;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Listen und Glossare in HTML. Weiteres zum hier gezeigten HTML-Tag <dd>.