Ressourcen: 120 HTML Farbnamen - Kombination von Farbe skyblue und Farbwert #8a2be2

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.

Hintergrundfarbe skyblue			Schriftfarbwert #8a2be2
Detail	:	Hintergrund skyblue	Detail	:	Schrift #8a2be2
Farbe	:	skyblue	Farbwert	:	#8a2be2
Farbwert	:	#87ceeb	Farbe	:	blueviolet
HTML	:	skyblue	HTML	:	#8a2be2
HTML (Wert)	:	#87ceeb	HTML (Wert)	:	#8a2be2
CSS	:	skyblue	CSS	:	#8a2be2
CSS (Wert)	:	#87ceeb	CSS (Wert)	:	#8a2be2
CSS (kürzest)	:	#87ceeb	CSS (kürzest)	:	#8a2be2
CSS (RGB)	:	rgb(135,206,235)	CSS (RGB)	:	rgb(138,43,226)
CSS (%RGB)	:	rgb(52%,80%,92%)	CSS (%RGB)	:	rgb(54%,16%,88%)

Verlauf Hintergrundfarbe skyblue nach Schriftfarbwert #8a2be2
#87ceeb	#87b6e9	#879fe8	#8888e7	#8870e5	#8959e4	#8942e3	#8a2be2
#87ceeb	#87b6e9	#879fe8	#8888e7	#8870e5	#8959e4	#8942e3	#8a2be2

Kombination von skyblue und #8a2be2
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. 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.				#8a2be2 ist nicht als Schriftfarbe auf Hintergrund skyblue geeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit der Farben #8a2be2 und skyblue ergibt sich zu 83.71%. Die Lesbarkeit dieser Kombination bewerte ich mit 16.29%.

Hintergrundfarbe skyblue				Schriftfarbwert #8a2be2
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87ceeb	#87ceeb	#87ceeb	#87ceeb	#8a2be2	#8a2be2	#8a2be2	#8a2be2
#98d5ed	#98d5ed	#73b0c9	#73b0c9	#9a49e6	#9a49e6	#7624c1	#7624c1
#a9dcf0	#a9dcf0	#6093a7	#6093a7	#ab67ea	#ab67ea	#621ea1	#621ea1
#bae3f3	#bae3f3	#4d7586	#4d7586	#bc85ee	#bc85ee	#4e1881	#4e1881
#cbeaf6	#cbeaf6	#395864	#395864	#cca4f2	#cca4f2	#3b1260	#3b1260
#dcf1f9	#dcf1f9	#263a43	#263a43	#ddc2f6	#ddc2f6	#270c40	#270c40
#edf8fc	#edf8fc	#131d21	#131d21	#eee0fa	#eee0fa	#130620	#130620
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe skyblue und Farbwert #8a2be2

Hintergrund/Text-Kombination bei Tag h3

Eine Überschrift wird mit HTML-Befehl <h3> gesetzt. Diese kann man farblich gestalten.

Für dieses Beispiel ändern wir die Textfarbe von <h3> auf Farbwert #8a2be2 und die Hintergrundfarbe von <h3> auf Farbe skyblue. Die Schriftart ändern wir auf monospace. Als Schriftgröße entscheiden wir uns für 123%.

<style type="text/css"><!--
  h3 { 
    font-family: monospace; 
    font-size: 123%; 
    color: #8a2be2; 
    background-color: skyblue;
  }
//-->
</style>

Mehr zum Thema h3 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung vom Tag h3 finden Sie in der HTML Referenz unter <h3>.

Wechsel der Hintergrundfarbe bei Hover von Tag blockquote

Die Hintergrundfarbe soll sich von Farbe skyblue auf Farbwert #8a2be2 ändern, wenn man mit der Maus auf <blockquote> zeigt. Bereiten wir zunächst die Formatierung von <blockquote> in Farbe skyblue vor.

Wir legen hier Farbe skyblue als Hintergrundfarbe von <blockquote> fest:

<style type="text/css"><!--
  blockquote { 
    background-color: skyblue;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #8a2be2 geändert wird.

<style type="text/css"><!--
  blockquote: hover { 
    background-color: #8a2be2;
  }
//-->
</style>

Weiteres zum Thema können Sie in Blockorientierte Elemente in HTML nachlesen. Möglichkeiten vom hier gezeigten HTML-Tag blockquote finden Sie in der HTML Referenz unter <blockquote>.