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

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 #0000cd			Schriftfarbwert #87cefa
Detail	:	Hintergrund #0000cd	Detail	:	Schrift #87cefa
Farbwert	:	#0000cd	Farbwert	:	#87cefa
Farbe	:	mediumblue	Farbe	:	lightskyblue
HTML	:	#0000cd	HTML	:	#87cefa
HTML (Wert)	:	#0000cd	HTML (Wert)	:	#87cefa
CSS	:	#0000cd	CSS	:	#87cefa
CSS (Wert)	:	#0000cd	CSS (Wert)	:	#87cefa
CSS (kürzest)	:	#0000cd	CSS (kürzest)	:	#87cefa
CSS (RGB)	:	rgb(0,0,205)	CSS (RGB)	:	rgb(135,206,250)
CSS (%RGB)	:	rgb(0%,0%,80%)	CSS (%RGB)	:	rgb(52%,80%,98%)

Verlauf Hintergrundfarbwert #0000cd nach Schriftfarbwert #87cefa
#0000cd	#131dd3	#263ad9	#3958e0	#4d75e6	#6093ed	#73b0f3	#87cefa
#0000cd	#131dd3	#263ad9	#3958e0	#4d75e6	#6093ed	#73b0f3	#87cefa

Kombination von #0000cd 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				Die Ähnlichkeit von #87cefa und #0000cd beträgt 69.02%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 30.98%. #87cefa eignet sich nicht als Schriftfarbe auf Hintergrund #0000cd. Zwar ist der Helligkeitsunterschied gut, doch die Farben selbst sind zu ähnlich.

Hintergrundfarbwert #0000cd				Schriftfarbwert #87cefa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#0000cd	#0000cd	#0000cd	#0000cd	#87cefa	#87cefa	#87cefa	#87cefa
#2424d4	#2424d4	#0000af	#0000af	#98d5fa	#98d5fa	#73b0d6	#73b0d6
#4848db	#4848db	#000092	#000092	#a9dcfb	#a9dcfb	#6093b2	#6093b2
#6d6de2	#6d6de2	#000075	#000075	#bae3fc	#bae3fc	#4d758e	#4d758e
#9191e9	#9191e9	#000057	#000057	#cbeafc	#cbeafc	#39586b	#39586b
#b6b6f0	#b6b6f0	#00003a	#00003a	#dcf1fd	#dcf1fd	#263a47	#263a47
#dadaf7	#dadaf7	#00001d	#00001d	#edf8fe	#edf8fe	#131d23	#131d23
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #0000cd und Farbwert #87cefa

Wechsel der Textfarbe bei Hover mit HTML-Befehl h5

Mit HTML-Befehl <h5> wird eine Überschrift erzeugt. Diese können Sie farblich gestalten.

Die Textfarbe soll sich von Farbwert #0000cd auf Farbwert #87cefa ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <h5> in Farbwert #0000cd vor.

Für dieses Beispiel ändern wir bei <h5> die Textfarbe auf Farbwert #0000cd. Die Schriftgröße verringern wir auf 99%:

<style type="text/css"><!--
  h5 { 
    color:#0000cd; 
    font-size:99%;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Textfarbe auf #87cefa ändert.

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

Weiteres zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom hier genutzten HTML-Tag h5 sind in der HTML Referenz unter <h5> zusammengestellt.

Füllen und Umranden von HTML-Tag frameset

Hier umranden wir <frameset> mit einem 3 Punkte dicken, gefurchten Rahmen in Farbwert #87cefa . Die Hintergrundfarbe für <frameset> färben wir entsprechend mit Farbwert #0000cd. Mit HTML geht dies nicht. Daher nutzen wir hier CSS.

<style type="text/css"><!--
  frameset { 
    border-width:3pt; 
    border-color:#87cefa; 
    border-style:groove; 
    background-color:#0000cd;
  }
//-->
</style>

Einzelheiten vom Tag frameset sind in der HTML Referenz unter <frameset> genau zusammengestellt.