Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightskyblue und Farbwert #fff0f5

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 lightskyblue			Schriftfarbwert #fff0f5
Detail	:	Hintergrund lightskyblue	Detail	:	Schrift #fff0f5
Farbe	:	lightskyblue	Farbwert	:	#fff0f5
Farbwert	:	#87cefa	Farbe	:	lavenderblush
HTML	:	lightskyblue	HTML	:	#fff0f5
HTML (Wert)	:	#87cefa	HTML (Wert)	:	#fff0f5
CSS	:	lightskyblue	CSS	:	#fff0f5
CSS (Wert)	:	#87cefa	CSS (Wert)	:	#fff0f5
CSS (kürzest)	:	#87cefa	CSS (kürzest)	:	#fff0f5
CSS (RGB)	:	rgb(135,206,250)	CSS (RGB)	:	rgb(255,240,245)
CSS (%RGB)	:	rgb(52%,80%,98%)	CSS (%RGB)	:	rgb(100%,94%,96%)

Verlauf Hintergrundfarbe lightskyblue nach Schriftfarbwert #fff0f5
#87cefa	#98d2f9	#a9d7f8	#badcf7	#cbe1f7	#dce6f6	#edebf5	#fff0f5
#87cefa	#98d2f9	#a9d7f8	#badcf7	#cbe1f7	#dce6f6	#edebf5	#fff0f5

Kombination von lightskyblue und #fff0f5
Cras id velit ante. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#fff0f5 eignet sich nicht als Schriftfarbe auf Hintergrund lightskyblue, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit von #fff0f5 und lightskyblue ergibt sich zu 92.59%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 7.41%.

Hintergrundfarbe lightskyblue				Schriftfarbwert #fff0f5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87cefa	#87cefa	#87cefa	#87cefa	#fff0f5	#fff0f5	#fff0f5	#fff0f5
#98d5fa	#98d5fa	#73b0d6	#73b0d6	#fff2f6	#fff2f6	#dacdd2	#dacdd2
#a9dcfb	#a9dcfb	#6093b2	#6093b2	#fff4f7	#fff4f7	#b6abaf	#b6abaf
#bae3fc	#bae3fc	#4d758e	#4d758e	#fff6f9	#fff6f9	#91898c	#91898c
#cbeafc	#cbeafc	#39586b	#39586b	#fff8fa	#fff8fa	#6d6669	#6d6669
#dcf1fd	#dcf1fd	#263a47	#263a47	#fffafc	#fffafc	#484446	#484446
#edf8fe	#edf8fe	#131d23	#131d23	#fffcfd	#fffcfd	#242223	#242223
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightskyblue und Farbwert #fff0f5

Füllen und Umranden bei HTML-Tag a

Einen Hyperlink erzeugt man mit HTML-Tag <a> und kann farblich gestaltet und hervorgehoben werden.

Bei diesem Beispiel umranden wir <a> mit einem 2 Pixel dicken, herausstehenden Rahmen in Farbwert #fff0f5 . Den Hintergrund von <a> setzen wir entsprechend auf Farbe lightskyblue. Mit HTML ist das nicht machbar. Wir nutzen daher CSS.

<style type="text/css"><!--
  a { 
    border-style: outset; 
    border-color: #fff0f5; 
    background-color: lightskyblue; 
    border-width: 2px;
  }
//-->
</style>

Weiteres zu a lesen Sie in Verweise und Protokolle in HTML. Mehr zum hier verwendeten HTML-Befehl a finden Sie in der HTML Referenz unter <a>.

Wechsel der Umrandung bei Hover bei HTML-Befehl th

Die Rahmenfarbe soll sich von Farbe lightskyblue auf Farbwert #fff0f5 ändern, wenn man mit der Maus auf <th> zeigt. Wir bereiten zunächst eine Darstellung von <th> in Farbe lightskyblue vor.

In diesem Beispiel umranden wir <th> mit einem 2 Pixel dicken, gepunkteten Rahmen in Farbe lightskyblue.

<style type="text/css"><!--
  th { 
    border-width:2px; 
    border-color:lightskyblue; 
    border-style:dotted;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #fff0f5 geändert wird.

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

Weiteres zu th können Sie in Tabellen in HTML nachlesen. Weiteres zum Tag <th>.