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

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 #fdf5e6
Detail	:	Hintergrund skyblue	Detail	:	Schrift #fdf5e6
Farbe	:	skyblue	Farbwert	:	#fdf5e6
Farbwert	:	#87ceeb	Farbe	:	oldlace
HTML	:	skyblue	HTML	:	#fdf5e6
HTML (Wert)	:	#87ceeb	HTML (Wert)	:	#fdf5e6
CSS	:	skyblue	CSS	:	#fdf5e6
CSS (Wert)	:	#87ceeb	CSS (Wert)	:	#fdf5e6
CSS (kürzest)	:	#87ceeb	CSS (kürzest)	:	#fdf5e6
CSS (RGB)	:	rgb(135,206,235)	CSS (RGB)	:	rgb(253,245,230)
CSS (%RGB)	:	rgb(52%,80%,92%)	CSS (%RGB)	:	rgb(99%,96%,90%)

Verlauf Hintergrundfarbe skyblue nach Schriftfarbwert #fdf5e6
#87ceeb	#97d3ea	#a8d9e9	#b9dee8	#cae4e8	#dbe9e7	#ecefe6	#fdf5e6
#87ceeb	#97d3ea	#a8d9e9	#b9dee8	#cae4e8	#dbe9e7	#ecefe6	#fdf5e6

Kombination von skyblue und #fdf5e6
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #fdf5e6 und skyblue ergibt sich zu 92.35%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 7.65%. #fdf5e6 eignet sich nicht als Schriftfarbe auf Hintergrund skyblue. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Hintergrundfarbe skyblue				Schriftfarbwert #fdf5e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87ceeb	#87ceeb	#87ceeb	#87ceeb	#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6
#98d5ed	#98d5ed	#73b0c9	#73b0c9	#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5
#a9dcf0	#a9dcf0	#6093a7	#6093a7	#fdf7ed	#fdf7ed	#b4afa4	#b4afa4
#bae3f3	#bae3f3	#4d7586	#4d7586	#fdf9f0	#fdf9f0	#908c83	#908c83
#cbeaf6	#cbeaf6	#395864	#395864	#fefaf4	#fefaf4	#6c6962	#6c6962
#dcf1f9	#dcf1f9	#263a43	#263a43	#fefcf7	#fefcf7	#484641	#484641
#edf8fc	#edf8fc	#131d21	#131d21	#fefdfb	#fefdfb	#242320	#242320
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe skyblue und Farbwert #fdf5e6

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl center

Die Hintergrundfarbe soll sich von Farbe skyblue auf Farbwert #fdf5e6 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <center> in Farbe skyblue vor.

Wir legen für dieses Beispiel Farbe skyblue als Hintergrundfarbe von <center> fest. Die Textfarbe behalten wir bei. Die Schriftart setzen wir auf monospace:

<style type="text/css"><!--
  center { 
    font-family:monospace; 
    background-color:skyblue;
  }
//-->
</style>

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

<style type="text/css"><!--
  center:hover { 
    background-color:#fdf5e6;
  }
//-->
</style>

Mehr zum Thema center erfahren Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum Tag center ist in der HTML Referenz unter <center> gezeigt.