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

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 #2f4f4f
Detail	:	Hintergrund #87cefa	Detail	:	Schrift #2f4f4f
Farbwert	:	#87cefa	Farbwert	:	#2f4f4f
Farbe	:	lightskyblue	Farbe	:	darkslategray
HTML	:	#87cefa	HTML	:	#2f4f4f
HTML (Wert)	:	#87cefa	HTML (Wert)	:	#2f4f4f
CSS	:	#87cefa	CSS	:	#2f4f4f
CSS (Wert)	:	#87cefa	CSS (Wert)	:	#2f4f4f
CSS (kürzest)	:	#87cefa	CSS (kürzest)	:	#2f4f4f
CSS (RGB)	:	rgb(135,206,250)	CSS (RGB)	:	rgb(47,79,79)
CSS (%RGB)	:	rgb(52%,80%,98%)	CSS (%RGB)	:	rgb(18%,30%,30%)

Verlauf Hintergrundfarbwert #87cefa nach Schriftfarbwert #2f4f4f
#87cefa	#7abbe1	#6da9c9	#6197b0	#548598	#48737f	#3b6167	#2f4f4f
#87cefa	#7abbe1	#6da9c9	#6197b0	#548598	#48737f	#3b6167	#2f4f4f

Kombination von #87cefa und #2f4f4f
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 id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#2f4f4f eignet sich nicht als Schriftfarbe auf Hintergrund #87cefa, da sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit der Farben #2f4f4f und #87cefa beträgt 75.22%. Die Lesbarkeit dieser Kombination bewerte ich mit 24.78%.

Hintergrundfarbwert #87cefa				Schriftfarbwert #2f4f4f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87cefa	#87cefa	#87cefa	#87cefa	#2f4f4f	#2f4f4f	#2f4f4f	#2f4f4f
#98d5fa	#98d5fa	#73b0d6	#73b0d6	#4c6868	#4c6868	#284343	#284343
#a9dcfb	#a9dcfb	#6093b2	#6093b2	#6a8181	#6a8181	#213838	#213838
#bae3fc	#bae3fc	#4d758e	#4d758e	#889a9a	#889a9a	#1a2d2d	#1a2d2d
#cbeafc	#cbeafc	#39586b	#39586b	#a5b3b3	#a5b3b3	#142121	#142121
#dcf1fd	#dcf1fd	#263a47	#263a47	#c3cccc	#c3cccc	#0d1616	#0d1616
#edf8fe	#edf8fe	#131d23	#131d23	#e1e5e5	#e1e5e5	#060b0b	#060b0b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #87cefa und Farbwert #2f4f4f

Wechsel der Hintergrundfarbe bei Hover von Befehl h4

Mit HTML-Tag <h4> erzeugen Sie eine Überschrift der 4. Stufe. Diese können Sie hervorheben und farblich gestalten.

Die Hintergrundfarbe soll sich von Farbwert #87cefa auf Farbwert #2f4f4f ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <h4> in Farbwert #87cefa vor.

Wir legen hier Farbwert #87cefa als Hintergrundfarbe von <h4> fest. Die Textfarbe behalten wir bei, ändern jedoch die Schriftart auf arial und setzen die Größe der Schrift auf 14pt.

<style type="text/css"><!--
  h4 { 
    font-size: 14pt; 
    font-family: arial; 
    background-color: #87cefa;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #2f4f4f gesetzt wird.

<style type="text/css"><!--
  h4: hover { 
    background-color: #2f4f4f;
  }
//-->
</style>

Mehr zum Thema h4 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Der HTML-Befehl h4 ist in der HTML Referenz bei <h4> gezeigt.

Hintergrund/Text-Kombination bei HTML-Befehl address

Wir ändern für dieses Beispiel die Textfarbe von <address> auf Farbwert #2f4f4f und die Hintergrundfarbe von <address> auf Farbwert #87cefa. Die Schriftart ändern wir auf courier new. Die Schriftgröße ändern wir auf 13pt.

<style type="text/css"><!--
  address { 
    color:#2f4f4f; 
    font-family:courier new; 
    font-size:13pt; 
    background-color:#87cefa;
  }
//-->
</style>

Mehr zum Thema address finden Sie in Blockorientierte Elemente in HTML. Einzelheiten vom HTML-Befehl address sind in der HTML Referenz bei <address> gezeigt.