Ressourcen: 120 HTML Farbnamen - Kombination von Farbe skyblue und Farbe mistyrose

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			Schriftfarbe mistyrose
Detail	:	Hintergrund skyblue	Detail	:	Schrift mistyrose
Farbe	:	skyblue	Farbe	:	mistyrose
Farbwert	:	#87ceeb	Farbwert	:	#ffe4e1
HTML	:	skyblue	HTML	:	mistyrose
HTML (Wert)	:	#87ceeb	HTML (Wert)	:	#ffe4e1
CSS	:	skyblue	CSS	:	mistyrose
CSS (Wert)	:	#87ceeb	CSS (Wert)	:	#ffe4e1
CSS (kürzest)	:	#87ceeb	CSS (kürzest)	:	#ffe4e1
CSS (RGB)	:	rgb(135,206,235)	CSS (RGB)	:	rgb(255,228,225)
CSS (%RGB)	:	rgb(52%,80%,92%)	CSS (%RGB)	:	rgb(100%,89%,88%)

Verlauf Hintergrundfarbe skyblue nach Schriftfarbe mistyrose
#87ceeb	#98d1e9	#a9d4e8	#bad7e6	#cbdae5	#dcdde3	#ede0e2	#ffe4e1
#87ceeb	#98d1e9	#a9d4e8	#bad7e6	#cbdae5	#dcdde3	#ede0e2	#ffe4e1

Kombination von skyblue und mistyrose
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit von mistyrose und skyblue beträgt 93.11%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 6.89%. mistyrose eignet sich nicht als Schriftfarbe auf Hintergrund skyblue. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Hintergrundfarbe skyblue				Schriftfarbe mistyrose
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87ceeb	#87ceeb	#87ceeb	#87ceeb	#ffe4e1	#ffe4e1	#ffe4e1	#ffe4e1
#98d5ed	#98d5ed	#73b0c9	#73b0c9	#ffe7e5	#ffe7e5	#dac3c0	#dac3c0
#a9dcf0	#a9dcf0	#6093a7	#6093a7	#ffebe9	#ffebe9	#b6a2a0	#b6a2a0
#bae3f3	#bae3f3	#4d7586	#4d7586	#ffefed	#ffefed	#918280	#918280
#cbeaf6	#cbeaf6	#395864	#395864	#fff3f2	#fff3f2	#6d6160	#6d6160
#dcf1f9	#dcf1f9	#263a43	#263a43	#fff7f6	#fff7f6	#484140	#484140
#edf8fc	#edf8fc	#131d21	#131d21	#fffbfa	#fffbfa	#242020	#242020
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe skyblue und Farbe mistyrose

Wechsel der Textfarbe bei Hover mit HTML-Tag q

Die Textfarbe soll sich von Farbe skyblue auf Farbe mistyrose ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <q> in Farbe skyblue vor.

Zum Beispiel legen wir Farbe skyblue als Textfarbe von <q> fest. Die Hintergrundfarbe behalten wir bei, ändern jedoch die Schriftart auf monospace.

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

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu mistyrose ändert.

<style type="text/css"><!--
  q:hover { 
    color:mistyrose;
  }
//-->
</style>

Einzelheiten des HTML-Tag <q>.

Wechsel der Hintergrundfarbe bei Hover mit Befehl div

Einen Universalkontainer setzen Sie mit Befehl <div>. Dieser kann farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbe skyblue auf Farbe mistyrose ändern, wenn man mit der Maus auf <div> zeigt. Wir bereiten zunächst eine Darstellung von <div> in Farbe skyblue vor.

Zum Beispiel ändern wir bei <div> die Hintergrundfarbe auf Farbe skyblue.

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

Nun fordern wir, dass sich bei Mausberührung die Hintergrundfarbe zu mistyrose ändert.

<style type="text/css"><!--
  div:hover { 
    background-color:mistyrose;
  }
//-->
</style>

Zur Beschreibung des hier genutzten Tag <div>.