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

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 #98fb98			Schriftfarbe dodgerblue
Detail	:	Hintergrund #98fb98	Detail	:	Schrift dodgerblue
Farbwert	:	#98fb98	Farbe	:	dodgerblue
Farbe	:	palegreen	Farbwert	:	#1e90ff
HTML	:	#98fb98	HTML	:	dodgerblue
HTML (Wert)	:	#98fb98	HTML (Wert)	:	#1e90ff
CSS	:	#98fb98	CSS	:	dodgerblue
CSS (Wert)	:	#98fb98	CSS (Wert)	:	#1e90ff
CSS (kürzest)	:	#98fb98	CSS (kürzest)	:	#1e90ff
CSS (RGB)	:	rgb(152,251,152)	CSS (RGB)	:	rgb(30,144,255)
CSS (%RGB)	:	rgb(59%,98%,59%)	CSS (%RGB)	:	rgb(11%,56%,100%)

Verlauf Hintergrundfarbwert #98fb98 nach Schriftfarbe dodgerblue
#98fb98	#86eba6	#75dcb5	#63cdc4	#52bdd2	#40aee1	#2f9ff0	#1e90ff
#98fb98	#86eba6	#75dcb5	#63cdc4	#52bdd2	#40aee1	#2f9ff0	#1e90ff

Kombination von #98fb98 und dodgerblue
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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #98fb98 ist dodgerblue ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit der Farben dodgerblue und #98fb98 ergibt sich zu 87.83%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 12.17%.

Hintergrundfarbwert #98fb98				Schriftfarbe dodgerblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#98fb98	#98fb98	#98fb98	#98fb98	#1e90ff	#1e90ff	#1e90ff	#1e90ff
#a6fba6	#a6fba6	#82d782	#82d782	#3e9fff	#3e9fff	#197bda	#197bda
#b5fcb5	#b5fcb5	#6cb36c	#6cb36c	#5eafff	#5eafff	#1566b6	#1566b6
#c4fcc4	#c4fcc4	#568f56	#568f56	#7ebfff	#7ebfff	#115291	#115291
#d2fdd2	#d2fdd2	#416b41	#416b41	#9ecfff	#9ecfff	#0c3d6d	#0c3d6d
#e1fde1	#e1fde1	#2b472b	#2b472b	#bedfff	#bedfff	#082948	#082948
#f0fef0	#f0fef0	#152315	#152315	#deefff	#deefff	#041424	#041424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #98fb98 und Farbe dodgerblue

Wechsel der Hintergrundfarbe bei Hover von Tag dd

Die Hintergrundfarbe soll sich von Farbwert #98fb98 auf Farbe dodgerblue ändern, wenn man mit der Maus auf <dd> zeigt. Wir bereiten zunächst eine Formatierung von <dd> in Farbwert #98fb98 vor.

In diesem Beispiel legen wir die Hintergrundfarbe von <dd> auf Farbwert #98fb98 fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  dd { 
    background-color: #98fb98; 
    font-family: sans-serif;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe zu dodgerblue ändert.

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

Mehr zu dd erfahren Sie in Listen und Glossare in HTML. Weiteres zum HTML-Befehl dd ist in der HTML Referenz bei <dd> ausführlich zusammengestellt.

Hintergrund/Text-Kombination von Tag label

Für dieses Beispiel ändern wir die Textfarbe von <label> auf Farbe dodgerblue und die Hintergrundfarbe von <label> auf Farbwert #98fb98. Als Schriftart setzen wir sans-serif und als Schriftgröße wählen wir 14pt.

<style type="text/css"><!--
  label { 
    background-color:#98fb98; 
    font-size:14pt; 
    color:dodgerblue; 
    font-family:sans-serif;
  }
//-->
</style>

Mehr zu label können Sie in Formulare in HTML finden. Weiteres zum hier gezeigten Befehl <label>.