Ressourcen: 137 HTML Farbnamen - Kombination von Farbe red 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 red			Schriftfarbwert #87cefa
Detail	:	Hintergrund red	Detail	:	Schrift #87cefa
Farbe	:	red	Farbwert	:	#87cefa
Farbwert	:	#ff0000	Farbe	:	lightskyblue
HTML	:	red	HTML	:	#87cefa
HTML (Wert)	:	#ff0000	HTML (Wert)	:	#87cefa
CSS	:	red	CSS	:	#87cefa
CSS (Wert)	:	#ff0000	CSS (Wert)	:	#87cefa
CSS (kürzest)	:	#f00	CSS (kürzest)	:	#87cefa
CSS (RGB)	:	rgb(255,0,0)	CSS (RGB)	:	rgb(135,206,250)
CSS (%RGB)	:	rgb(100%,0%,0%)	CSS (%RGB)	:	rgb(52%,80%,98%)

Verlauf Hintergrundfarbe red nach Schriftfarbwert #87cefa
#ff0000	#ed1d23	#dc3a47	#cb586b	#ba758e	#a993b2	#98b0d6	#87cefa
#ff0000	#ed1d23	#dc3a47	#cb586b	#ba758e	#a993b2	#98b0d6	#87cefa

Kombination von red und #87cefa
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#87cefa eignet sich nicht als Schriftfarbe auf Hintergrund red. Zwar ist der Farbunterschied in Ordnung, doch der Helligkeitsunterschied ist zu gering. Die Ähnlichkeit von #87cefa und red beträgt 88.90%. Die Lesbarkeit dieser Kombination liegt damit bei 11.10%.

Hintergrundfarbe red				Schriftfarbwert #87cefa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff0000	#ff0000	#ff0000	#ff0000	#87cefa	#87cefa	#87cefa	#87cefa
#ff2424	#ff2424	#da0000	#da0000	#98d5fa	#98d5fa	#73b0d6	#73b0d6
#ff4848	#ff4848	#b60000	#b60000	#a9dcfb	#a9dcfb	#6093b2	#6093b2
#ff6d6d	#ff6d6d	#910000	#910000	#bae3fc	#bae3fc	#4d758e	#4d758e
#ff9191	#ff9191	#6d0000	#6d0000	#cbeafc	#cbeafc	#39586b	#39586b
#ffb6b6	#ffb6b6	#480000	#480000	#dcf1fd	#dcf1fd	#263a47	#263a47
#ffdada	#ffdada	#240000	#240000	#edf8fe	#edf8fe	#131d23	#131d23
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe red und Farbwert #87cefa

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl tbody

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

Wir legen für dieses Beispiel Farbe red als Hintergrundfarbe von <tbody> fest. Zwar verändern wir die Textfarbe nicht, ändern jedoch die Schriftart auf courier new. Die Schriftgröße ändern wir auf 13px.

<style type="text/css"><!--
  tbody { 
    background-color:red; 
    font-family:courier new; 
    font-size:13px;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #87cefa geändert wird.

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

Weiteres zum Thema tbody können Sie in Tabellen in HTML nachsehen. Die Beschreibung vom Befehl tbody lesen Sie in der HTML Referenz unter <tbody>.

Füllen und Umranden mit Tag span

Für dieses Beispiel umranden wir <span> mit einem . Den Hintergrund von <span> setzen wir auf Farbe red. In HTML ist dies kaum möglich. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  span { 
    background-color:red; 
    border-style:double; 
    border-color:#87cefa; 
    border-width:2pt;
  }
//-->
</style>

Der hier gezeigte HTML-Tag span ist in der HTML Referenz bei <span> genau beschrieben.