Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #87ceeb und Farbwert #ffe4b5

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #87ceeb			Schriftfarbwert #ffe4b5
Detail	:	Hintergrund #87ceeb	Detail	:	Schrift #ffe4b5
Farbwert	:	#87ceeb	Farbwert	:	#ffe4b5
Farbe	:	skyblue	Farbe	:	moccasin
HTML	:	#87ceeb	HTML	:	#ffe4b5
HTML (Wert)	:	#87ceeb	HTML (Wert)	:	#ffe4b5
CSS	:	#87ceeb	CSS	:	#ffe4b5
CSS (Wert)	:	#87ceeb	CSS (Wert)	:	#ffe4b5
CSS (kürzest)	:	#87ceeb	CSS (kürzest)	:	#ffe4b5
CSS (RGB)	:	rgb(135,206,235)	CSS (RGB)	:	rgb(255,228,181)
CSS (%RGB)	:	rgb(52%,80%,92%)	CSS (%RGB)	:	rgb(100%,89%,70%)

Verlauf Hintergrundfarbwert #87ceeb nach Schriftfarbwert #ffe4b5
#87ceeb	#98d1e3	#a9d4db	#bad7d3	#cbdacc	#dcddc4	#ede0bc	#ffe4b5
#87ceeb	#98d1e3	#a9d4db	#bad7d3	#cbdacc	#dcddc4	#ede0bc	#ffe4b5

Kombination von #87ceeb und #ffe4b5
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #ffe4b5 und #87ceeb beträgt 93.28%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 6.72%. #ffe4b5 eignet sich nicht als Schriftfarbe auf Hintergrund #87ceeb. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbwert #87ceeb				Schriftfarbwert #ffe4b5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87ceeb	#87ceeb	#87ceeb	#87ceeb	#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5
#98d5ed	#98d5ed	#73b0c9	#73b0c9	#ffe7bf	#ffe7bf	#dac39b	#dac39b
#a9dcf0	#a9dcf0	#6093a7	#6093a7	#ffebca	#ffebca	#b6a281	#b6a281
#bae3f3	#bae3f3	#4d7586	#4d7586	#ffefd4	#ffefd4	#918267	#918267
#cbeaf6	#cbeaf6	#395864	#395864	#fff3df	#fff3df	#6d614d	#6d614d
#dcf1f9	#dcf1f9	#263a43	#263a43	#fff7e9	#fff7e9	#484133	#484133
#edf8fc	#edf8fc	#131d21	#131d21	#fffbf4	#fffbf4	#242019	#242019
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #87ceeb und Farbwert #ffe4b5

Wechsel der Umrandung bei Hover mit HTML-Tag p

Die Rahmenfarbe soll sich von Farbwert #87ceeb auf Farbwert #ffe4b5 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <p> in Farbwert #87ceeb vor.

In diesem Beispiel umranden wir <p> mit einem 1 Pixel dicken, herausstehenden Rahmen in Farbwert #87ceeb.

<style type="text/css"><!--
  p { border:1px outset #87ceeb; }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe auf #ffe4b5 ändert.

<style type="text/css"><!--
  p:hover { 
    border-color:#ffe4b5;
  }
//-->
</style>

Mehr zum Thema p lesen Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung vom Tag p lesen Sie in der HTML Referenz unter <p>.

Füllen und Umranden bei HTML-Befehl tr

Hier umranden wir <tr> mit einem einfallenden, 5 Pixel dicken Rahmen in Farbwert #ffe4b5 . Die Hintergrundfarbe für <tr> setzen wir entsprechend auf Farbwert #87ceeb. Das ist mit HTML nicht möglich. Deshalb nutzen wir CSS.

<style type="text/css"><!--
  tr { border:5px inset #ffe4b5; background-color:#87ceeb; }
//-->
</style>

Weiteres zu tr können Sie in Tabellen in HTML erfahren. Die Beschreibung des HTML-Tag tr finden Sie in der HTML Referenz unter <tr>.