Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightpink 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.

Hintergrundfarbe lightpink			Schriftfarbwert #87ceeb
Detail	:	Hintergrund lightpink	Detail	:	Schrift #87ceeb
Farbe	:	lightpink	Farbwert	:	#87ceeb
Farbwert	:	#ffb6c1	Farbe	:	skyblue
HTML	:	lightpink	HTML	:	#87ceeb
HTML (Wert)	:	#ffb6c1	HTML (Wert)	:	#87ceeb
CSS	:	lightpink	CSS	:	#87ceeb
CSS (Wert)	:	#ffb6c1	CSS (Wert)	:	#87ceeb
CSS (kürzest)	:	#ffb6c1	CSS (kürzest)	:	#87ceeb
CSS (RGB)	:	rgb(255,182,193)	CSS (RGB)	:	rgb(135,206,235)
CSS (%RGB)	:	rgb(100%,71%,75%)	CSS (%RGB)	:	rgb(52%,80%,92%)

Verlauf Hintergrundfarbe lightpink nach Schriftfarbwert #87ceeb
#ffb6c1	#edb9c7	#dcbccd	#cbc0d3	#bac3d9	#a9c7df	#98cae5	#87ceeb
#ffb6c1	#edb9c7	#dcbccd	#cbc0d3	#bac3d9	#a9c7df	#98cae5	#87ceeb

Kombination von lightpink und #87ceeb
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund lightpink ist #87ceeb ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #87ceeb und lightpink ergibt sich zu 94.98%. Die Lesbarkeit dieser Kombination bewerte ich mit 5.02%.

Hintergrundfarbe lightpink				Schriftfarbwert #87ceeb
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffb6c1	#ffb6c1	#ffb6c1	#ffb6c1	#87ceeb	#87ceeb	#87ceeb	#87ceeb
#ffc0c9	#ffc0c9	#da9ca5	#da9ca5	#98d5ed	#98d5ed	#73b0c9	#73b0c9
#ffcad2	#ffcad2	#b68289	#b68289	#a9dcf0	#a9dcf0	#6093a7	#6093a7
#ffd5db	#ffd5db	#91686e	#91686e	#bae3f3	#bae3f3	#4d7586	#4d7586
#ffdfe4	#ffdfe4	#6d4e52	#6d4e52	#cbeaf6	#cbeaf6	#395864	#395864
#ffeaed	#ffeaed	#483437	#483437	#dcf1f9	#dcf1f9	#263a43	#263a43
#fff4f6	#fff4f6	#241a1b	#241a1b	#edf8fc	#edf8fc	#131d21	#131d21
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightpink und Farbwert #87ceeb

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl del

Die Hintergrundfarbe soll sich von Farbe lightpink auf Farbwert #87ceeb ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <del> in Farbe lightpink vor.

Wir legen als Beispiel bei <del> die Hintergrundfarbe auf Farbe lightpink fest. Zwar ändern wir die Textfarbe nicht, setzen jedoch die Schriftart auf courier new. Die Schriftgröße setzen wir auf 125%.

<style type="text/css"><!--
  del { 
    background-color:lightpink; 
    font-size:125%; 
    font-family:courier new;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #87ceeb gesetzt wird.

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

Weiteres zum hier genutzten Tag del erfahren Sie in der HTML Referenz unter <del>.

Füllen und Umranden von HTML-Tag hr

Bei diesem Beispiel umranden wir <hr> mit einem 4 Punkte dicken, doppelten Rahmen in Farbwert #87ceeb . Die Hintergrundfarbe für <hr> färben wir entsprechend mit Farbe lightpink. Das ist mit HTML nicht möglich. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  hr { 
    border-style:double; 
    border-width:4pt; 
    border-color:#87ceeb; 
    background-color:lightpink;
  }
//-->
</style>

Weiteres zu hr lesen Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum Tag <hr>.