Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #87cefa und Farbwert #ff4500

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 #87cefa			Schriftfarbwert #ff4500
Detail	:	Hintergrund #87cefa	Detail	:	Schrift #ff4500
Farbwert	:	#87cefa	Farbwert	:	#ff4500
Farbe	:	lightskyblue	Farbe	:	orangered
HTML	:	#87cefa	HTML	:	#ff4500
HTML (Wert)	:	#87cefa	HTML (Wert)	:	#ff4500
CSS	:	#87cefa	CSS	:	#ff4500
CSS (Wert)	:	#87cefa	CSS (Wert)	:	#ff4500
CSS (kürzest)	:	#87cefa	CSS (kürzest)	:	#ff4500
CSS (RGB)	:	rgb(135,206,250)	CSS (RGB)	:	rgb(255,69,0)
CSS (%RGB)	:	rgb(52%,80%,98%)	CSS (%RGB)	:	rgb(100%,27%,0%)

Verlauf Hintergrundfarbwert #87cefa nach Schriftfarbwert #ff4500
#87cefa	#98bad6	#a9a6b2	#ba938e	#cb7f6b	#dc6c47	#ed5823	#ff4500
#87cefa	#98bad6	#a9a6b2	#ba938e	#cb7f6b	#dc6c47	#ed5823	#ff4500

Kombination von #87cefa und #ff4500
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante.				#ff4500 eignet sich nicht als Schriftfarbe auf Hintergrund #87cefa, weil der Helligkeitsunterschied nicht ausreichend ist Die Ähnlichkeit von #ff4500 und #87cefa beträgt 90.45%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 9.55%.

Hintergrundfarbwert #87cefa				Schriftfarbwert #ff4500
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87cefa	#87cefa	#87cefa	#87cefa	#ff4500	#ff4500	#ff4500	#ff4500
#98d5fa	#98d5fa	#73b0d6	#73b0d6	#ff5f24	#ff5f24	#da3b00	#da3b00
#a9dcfb	#a9dcfb	#6093b2	#6093b2	#ff7a48	#ff7a48	#b63100	#b63100
#bae3fc	#bae3fc	#4d758e	#4d758e	#ff946d	#ff946d	#912700	#912700
#cbeafc	#cbeafc	#39586b	#39586b	#ffaf91	#ffaf91	#6d1d00	#6d1d00
#dcf1fd	#dcf1fd	#263a47	#263a47	#ffc9b6	#ffc9b6	#481300	#481300
#edf8fe	#edf8fe	#131d23	#131d23	#ffe4da	#ffe4da	#240900	#240900
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #87cefa und Farbwert #ff4500

Wechsel der Textfarbe bei Hover bei HTML-Tag fieldset

Die Textfarbe soll sich von Farbwert #87cefa auf Farbwert #ff4500 ändern, wenn man mit der Maus auf <fieldset> zeigt. Wir bereiten zunächst eine Darstellung von <fieldset> in Farbwert #87cefa vor.

Z.B. setzen wir die Textfarbe von <fieldset> auf Farbwert #87cefa. Zwar ändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf verdana:

<style type="text/css"><!--
  fieldset { 
    font-family:verdana; 
    color:#87cefa;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Textfarbe auf #ff4500 geändert wird.

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

Weiteres zu fieldset können Sie in Formulare in HTML lesen. Möglichkeiten des hier verwendeten HTML-Befehl <fieldset>.