Ressourcen: 120 HTML Farbnamen - Kombination von Farbe deepskyblue und Farbwert #f08080

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 deepskyblue			Schriftfarbwert #f08080
Detail	:	Hintergrund deepskyblue	Detail	:	Schrift #f08080
Farbe	:	deepskyblue	Farbwert	:	#f08080
Farbwert	:	#00bfff	Farbe	:	lightcoral
HTML	:	deepskyblue	HTML	:	#f08080
HTML (Wert)	:	#00bfff	HTML (Wert)	:	#f08080
CSS	:	deepskyblue	CSS	:	#f08080
CSS (Wert)	:	#00bfff	CSS (Wert)	:	#f08080
CSS (kürzest)	:	#00bfff	CSS (kürzest)	:	#f08080
CSS (RGB)	:	rgb(0,191,255)	CSS (RGB)	:	rgb(240,128,128)
CSS (%RGB)	:	rgb(0%,74%,100%)	CSS (%RGB)	:	rgb(94%,50%,50%)

Verlauf Hintergrundfarbe deepskyblue nach Schriftfarbwert #f08080
#00bfff	#22b6ec	#44adda	#66a4c8	#899bb6	#ab92a4	#cd8992	#f08080
#00bfff	#22b6ec	#44adda	#66a4c8	#899bb6	#ab92a4	#cd8992	#f08080

Kombination von deepskyblue und #f08080
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				#f08080 eignet sich nicht als Schriftfarbe auf Hintergrund deepskyblue. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit von #f08080 und deepskyblue ergibt sich zu 94.19%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.81%.

Hintergrundfarbe deepskyblue				Schriftfarbwert #f08080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00bfff	#00bfff	#00bfff	#00bfff	#f08080	#f08080	#f08080	#f08080
#24c8ff	#24c8ff	#00a3da	#00a3da	#f29292	#f29292	#cd6d6d	#cd6d6d
#48d1ff	#48d1ff	#0088b6	#0088b6	#f4a4a4	#f4a4a4	#ab5b5b	#ab5b5b
#6ddaff	#6ddaff	#006d91	#006d91	#f6b6b6	#f6b6b6	#894949	#894949
#91e3ff	#91e3ff	#00516d	#00516d	#f8c8c8	#f8c8c8	#663636	#663636
#b6ecff	#b6ecff	#003648	#003648	#fadada	#fadada	#442424	#442424
#daf5ff	#daf5ff	#001b24	#001b24	#fcecec	#fcecec	#221212	#221212
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe deepskyblue und Farbwert #f08080

Hintergrund/Text-Kombination von HTML-Tag s

Hier ändern wir die Textfarbe von <s> auf Farbwert #f08080 und die Hintergrundfarbe von <s> auf Farbe deepskyblue. Als Schriftart wählen wir verdana. Die Schriftgröße verkleinern wir auf 93%.

<style type="text/css"><!--
  s { 
    background-color:deepskyblue; 
    font-size:93%; 
    color:#f08080; 
    font-family:verdana;
  }
//-->
</style>

Mehr zum Thema finden Sie in Text in HTML. Beschreibung vom hier gezeigten HTML-Befehl <s>.

Wechsel der Textfarbe bei Hover bei HTML-Tag legend

Die Textfarbe soll sich von Farbe deepskyblue auf Farbwert #f08080 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <legend> in Farbe deepskyblue vor.

Wir legen als Beispiel bei <legend> die Textfarbe auf Farbe deepskyblue fest. Die Größe der Schrift setzen wir auf 13px.

<style type="text/css"><!--
  legend { 
    font-size:13px; 
    color:deepskyblue;
  }
//-->
</style>

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

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

Weiteres zum Thema legend lesen Sie in Formulare in HTML. Zur Beschreibung vom Befehl <legend>.