Ressourcen: 137 HTML Farbnamen - Kombination von Farbe deepskyblue und Farbwert #87cefa

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe deepskyblue			Schriftfarbwert #87cefa
Detail	:	Hintergrund deepskyblue	Detail	:	Schrift #87cefa
Farbe	:	deepskyblue	Farbwert	:	#87cefa
Farbwert	:	#00bfff	Farbe	:	lightskyblue
HTML	:	deepskyblue	HTML	:	#87cefa
HTML (Wert)	:	#00bfff	HTML (Wert)	:	#87cefa
CSS	:	deepskyblue	CSS	:	#87cefa
CSS (Wert)	:	#00bfff	CSS (Wert)	:	#87cefa
CSS (kürzest)	:	#00bfff	CSS (kürzest)	:	#87cefa
CSS (RGB)	:	rgb(0,191,255)	CSS (RGB)	:	rgb(135,206,250)
CSS (%RGB)	:	rgb(0%,74%,100%)	CSS (%RGB)	:	rgb(52%,80%,98%)

Verlauf Hintergrundfarbe deepskyblue nach Schriftfarbwert #87cefa
#00bfff	#13c1fe	#26c3fd	#39c5fc	#4dc7fc	#60c9fb	#73cbfa	#87cefa
#00bfff	#13c1fe	#26c3fd	#39c5fc	#4dc7fc	#60c9fb	#73cbfa	#87cefa

Kombination von deepskyblue und #87cefa
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.				#87cefa eignet sich nicht als Schriftfarbe auf Hintergrund deepskyblue, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind. Die Ähnlichkeit der Farben #87cefa und deepskyblue ergibt sich zu 94.11%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.89%.

Hintergrundfarbe deepskyblue				Schriftfarbwert #87cefa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00bfff	#00bfff	#00bfff	#00bfff	#87cefa	#87cefa	#87cefa	#87cefa
#24c8ff	#24c8ff	#00a3da	#00a3da	#98d5fa	#98d5fa	#73b0d6	#73b0d6
#48d1ff	#48d1ff	#0088b6	#0088b6	#a9dcfb	#a9dcfb	#6093b2	#6093b2
#6ddaff	#6ddaff	#006d91	#006d91	#bae3fc	#bae3fc	#4d758e	#4d758e
#91e3ff	#91e3ff	#00516d	#00516d	#cbeafc	#cbeafc	#39586b	#39586b
#b6ecff	#b6ecff	#003648	#003648	#dcf1fd	#dcf1fd	#263a47	#263a47
#daf5ff	#daf5ff	#001b24	#001b24	#edf8fe	#edf8fe	#131d23	#131d23
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe deepskyblue und Farbwert #87cefa

Hintergrund/Text-Kombination von Befehl h2

Eine Überschrift der 2. Stufe setzen Sie mit HTML-Befehl <h2>. Diese kann hervorgehoben und farblich gestaltet werden.

Für dieses Beispiel ändern wir die Textfarbe von <h2> auf Farbwert #87cefa und die Hintergrundfarbe von <h2> auf Farbe deepskyblue. Als Schriftart setzen wir monospace und als Schriftgröße entscheiden wir uns für 113%.

<style type="text/css"><!--
  h2 { 
    font-family:monospace; 
    color:#87cefa; 
    background-color:deepskyblue; 
    font-size:113%;
  }
//-->
</style>

Mehr zu h2 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Weiteres zum Befehl h2 lesen Sie in der HTML Referenz unter <h2>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl address

Die Hintergrundfarbe soll sich von Farbe deepskyblue auf Farbwert #87cefa ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <address> in Farbe deepskyblue vor.

Als Beispiel legen wir die Hintergrundfarbe von <address> auf Farbe deepskyblue fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf courier new und vergrößern die Größe der Schrift auf 123%:

<style type="text/css"><!--
  address { 
    font-size:123%; 
    background-color:deepskyblue; 
    font-family:courier new;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe zu #87cefa ändert.

<style type="text/css"><!--
  address: hover { 
    background-color: #87cefa;
  }
//-->
</style>

Mehr zu address können Sie in Blockorientierte Elemente in HTML nachlesen. Einzelheiten des hier gezeigten Tag address sind in der HTML Referenz unter <address> genau zusammengestellt.