Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #00bfff und Farbwert #87ceeb

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 #00bfff			Schriftfarbwert #87ceeb
Detail	:	Hintergrund #00bfff	Detail	:	Schrift #87ceeb
Farbwert	:	#00bfff	Farbwert	:	#87ceeb
Farbe	:	deepskyblue	Farbe	:	skyblue
HTML	:	#00bfff	HTML	:	#87ceeb
HTML (Wert)	:	#00bfff	HTML (Wert)	:	#87ceeb
CSS	:	#00bfff	CSS	:	#87ceeb
CSS (Wert)	:	#00bfff	CSS (Wert)	:	#87ceeb
CSS (kürzest)	:	#00bfff	CSS (kürzest)	:	#87ceeb
CSS (RGB)	:	rgb(0,191,255)	CSS (RGB)	:	rgb(135,206,235)
CSS (%RGB)	:	rgb(0%,74%,100%)	CSS (%RGB)	:	rgb(52%,80%,92%)

Verlauf Hintergrundfarbwert #00bfff nach Schriftfarbwert #87ceeb
#00bfff	#13c1fc	#26c3f9	#39c5f6	#4dc7f3	#60c9f0	#73cbed	#87ceeb
#00bfff	#13c1fc	#26c3f9	#39c5f6	#4dc7f3	#60c9f0	#73cbed	#87ceeb

Kombination von #00bfff und #87ceeb
Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				#87ceeb eignet sich nicht als Schriftfarbe auf Hintergrund #00bfff, da weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit der Farben #87ceeb und #00bfff ergibt sich zu 94.20%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.80%.

Hintergrundfarbwert #00bfff				Schriftfarbwert #87ceeb
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00bfff	#00bfff	#00bfff	#00bfff	#87ceeb	#87ceeb	#87ceeb	#87ceeb
#24c8ff	#24c8ff	#00a3da	#00a3da	#98d5ed	#98d5ed	#73b0c9	#73b0c9
#48d1ff	#48d1ff	#0088b6	#0088b6	#a9dcf0	#a9dcf0	#6093a7	#6093a7
#6ddaff	#6ddaff	#006d91	#006d91	#bae3f3	#bae3f3	#4d7586	#4d7586
#91e3ff	#91e3ff	#00516d	#00516d	#cbeaf6	#cbeaf6	#395864	#395864
#b6ecff	#b6ecff	#003648	#003648	#dcf1f9	#dcf1f9	#263a43	#263a43
#daf5ff	#daf5ff	#001b24	#001b24	#edf8fc	#edf8fc	#131d21	#131d21
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #00bfff und Farbwert #87ceeb

Wechsel der Umrandung bei Hover bei HTML-Tag fieldset

Die Rahmenfarbe soll sich von Farbwert #00bfff auf Farbwert #87ceeb ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <fieldset> in Farbwert #00bfff vor.

In diesem Beispiel umranden wir <fieldset> mit einem 1 Pixel dicken, gestrichelten Rahmen in Farbwert #00bfff.

<style type="text/css"><!--
  fieldset { border:1px dashed #00bfff; }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #87ceeb geändert wird.

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

Mehr zum Thema können Sie in Formulare in HTML lesen. Einzelheiten des hier verwendeten Tag <fieldset>.

Hintergrund/Text-Kombination von HTML-Befehl var

In diesem Beispiel ändern wir die Textfarbe von <var> auf Farbwert #87ceeb und die Hintergrundfarbe von <var> auf Farbwert #00bfff. Die Schriftart ändern wir auf sans-serif und setzen die Schriftgröße auf 83%.

<style type="text/css"><!--
  var { 
    font-size: 83%; 
    color: #87ceeb; 
    font-family: sans-serif; 
    background-color: #00bfff;
  }
//-->
</style>

Mehr zu var finden Sie in Text in HTML. Weiteres zum Tag var erfahren Sie in der HTML Referenz unter <var>.