Ressourcen: 137 HTML Farbnamen - Kombination von Farbe antiquewhite und Farbwert #87cefa

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.

Hintergrundfarbe antiquewhite			Schriftfarbwert #87cefa
Detail	:	Hintergrund antiquewhite	Detail	:	Schrift #87cefa
Farbe	:	antiquewhite	Farbwert	:	#87cefa
Farbwert	:	#faebd7	Farbe	:	lightskyblue
HTML	:	antiquewhite	HTML	:	#87cefa
HTML (Wert)	:	#faebd7	HTML (Wert)	:	#87cefa
CSS	:	antiquewhite	CSS	:	#87cefa
CSS (Wert)	:	#faebd7	CSS (Wert)	:	#87cefa
CSS (kürzest)	:	#faebd7	CSS (kürzest)	:	#87cefa
CSS (RGB)	:	rgb(250,235,215)	CSS (RGB)	:	rgb(135,206,250)
CSS (%RGB)	:	rgb(98%,92%,84%)	CSS (%RGB)	:	rgb(52%,80%,98%)

Verlauf Hintergrundfarbe antiquewhite nach Schriftfarbwert #87cefa
#faebd7	#e9e6dc	#d9e2e1	#c8dee6	#b8daeb	#a7d6f0	#97d2f5	#87cefa
#faebd7	#e9e6dc	#d9e2e1	#c8dee6	#b8daeb	#a7d6f0	#97d2f5	#87cefa

Kombination von antiquewhite und #87cefa
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #87cefa und antiquewhite beträgt 93.02%. Die Lesbarkeit dieser Kombination liegt damit bei 6.98%. #87cefa ist nicht als Schriftfarbe auf Hintergrund antiquewhite geeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe antiquewhite				Schriftfarbwert #87cefa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#faebd7	#faebd7	#faebd7	#faebd7	#87cefa	#87cefa	#87cefa	#87cefa
#faeddc	#faeddc	#d6c9b8	#d6c9b8	#98d5fa	#98d5fa	#73b0d6	#73b0d6
#fbf0e2	#fbf0e2	#b2a799	#b2a799	#a9dcfb	#a9dcfb	#6093b2	#6093b2
#fcf3e8	#fcf3e8	#8e867a	#8e867a	#bae3fc	#bae3fc	#4d758e	#4d758e
#fcf6ed	#fcf6ed	#6b645c	#6b645c	#cbeafc	#cbeafc	#39586b	#39586b
#fdf9f3	#fdf9f3	#47433d	#47433d	#dcf1fd	#dcf1fd	#263a47	#263a47
#fefcf9	#fefcf9	#23211e	#23211e	#edf8fe	#edf8fe	#131d23	#131d23
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe antiquewhite und Farbwert #87cefa

Hintergrund/Text-Kombination bei Tag p

Hier ändern wir die Textfarbe von <p> auf Farbwert #87cefa und die Hintergrundfarbe von <p> auf Farbe antiquewhite. Die Schriftart setzen wir auf courier new und setzen die Schriftgröße auf 94%.

<style type="text/css"><!--
  p { 
    color:#87cefa; 
    font-size:94%; 
    background-color:antiquewhite; 
    font-family:courier new;
  }
//-->
</style>

Mehr zu p erfahren Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier genutzten HTML-Tag p lesen Sie in der HTML Referenz unter <p>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag tr

Die Hintergrundfarbe soll sich von Farbe antiquewhite auf Farbwert #87cefa ändern, wenn man mit der Maus auf <tr> zeigt. Bereiten wir zunächst eine Formatierung von <tr> in Farbe antiquewhite vor.

Zum Beispiel legen wir Farbe antiquewhite als Hintergrundfarbe von <tr> fest. Zwar verändern wir die Textfarbe nicht, ändern jedoch die Schriftart auf monospace:

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

Jetzt stellen wir ein, dass bei Hover die Hintergrundfarbe auf #87cefa geändert wird.

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

Weiteres zum Thema tr erfahren Sie in Tabellen in HTML. Weiteres zum Befehl tr finden Sie in der HTML Referenz unter <tr>.