Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #87cefa und Farbe darkgray

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.

Hintergrundfarbwert #87cefa			Schriftfarbe darkgray
Detail	:	Hintergrund #87cefa	Detail	:	Schrift darkgray
Farbwert	:	#87cefa	Farbe	:	darkgray
Farbe	:	lightskyblue	Farbwert	:	#a9a9a9
HTML	:	#87cefa	HTML	:	darkgray
HTML (Wert)	:	#87cefa	HTML (Wert)	:	#a9a9a9
CSS	:	#87cefa	CSS	:	darkgray
CSS (Wert)	:	#87cefa	CSS (Wert)	:	#a9a9a9
CSS (kürzest)	:	#87cefa	CSS (kürzest)	:	#a9a9a9
CSS (RGB)	:	rgb(135,206,250)	CSS (RGB)	:	rgb(169,169,169)
CSS (%RGB)	:	rgb(52%,80%,98%)	CSS (%RGB)	:	rgb(66%,66%,66%)

Verlauf Hintergrundfarbwert #87cefa nach Schriftfarbe darkgray
#87cefa	#8bc8ee	#90c3e2	#95bed7	#9ab8cb	#9fb3c0	#a4aeb4	#a9a9a9
#87cefa	#8bc8ee	#90c3e2	#95bed7	#9ab8cb	#9fb3c0	#a4aeb4	#a9a9a9

Kombination von #87cefa und darkgray
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben darkgray und #87cefa ergibt sich zu 93.48%. Die Lesbarkeit dieser Farbkombination liegt damit bei 6.52%. darkgray ist nicht als Schriftfarbe auf Hintergrund #87cefa geeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #87cefa				Schriftfarbe darkgray
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87cefa	#87cefa	#87cefa	#87cefa	#a9a9a9	#a9a9a9	#a9a9a9	#a9a9a9
#98d5fa	#98d5fa	#73b0d6	#73b0d6	#b5b5b5	#b5b5b5	#909090	#909090
#a9dcfb	#a9dcfb	#6093b2	#6093b2	#c1c1c1	#c1c1c1	#787878	#787878
#bae3fc	#bae3fc	#4d758e	#4d758e	#cdcdcd	#cdcdcd	#606060	#606060
#cbeafc	#cbeafc	#39586b	#39586b	#dadada	#dadada	#484848	#484848
#dcf1fd	#dcf1fd	#263a47	#263a47	#e6e6e6	#e6e6e6	#303030	#303030
#edf8fe	#edf8fe	#131d23	#131d23	#f2f2f2	#f2f2f2	#181818	#181818
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #87cefa und Farbe darkgray

Wechsel der Umrandung bei Hover mit Tag a

Einen Verweis erzeugen Sie mit Tag <a> und kann hervorgehoben und farblich gestaltet werden.

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

In diesem Beispiel umranden wir <a> mit einem 1 Pixel dicken, gefurchten Rahmen in Farbwert #87cefa.

<style type="text/css"><!--
  a { 
    border-width: 1px; 
    border-color: #87cefa; 
    border-style: groove;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf darkgray gesetzt wird.

<style type="text/css"><!--
  a:hover { 
    border-color:darkgray;
  }
//-->
</style>

Weiteres zum Thema a können Sie in Verweise und Protokolle in HTML erfahren. Der hier verwendete Befehl a ist in der HTML Referenz bei <a> beschrieben.

Füllen und Umranden mit Tag li

Hier umranden wir <li> mit einem gepunkteten, 5 Pixel dicken Rahmen in Farbe darkgray . Die Hintergrundfarbe für <li> setzen wir entsprechend auf Farbwert #87cefa. Mit HTML ist das kaum machbar. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  li { 
    border-color:darkgray; 
    border-style:dotted; 
    border-width:5px; 
    background-color:#87cefa;
  }
//-->
</style>

Weiteres zum Thema können Sie in Listen und Glossare in HTML nachsehen. Weiteres zum Befehl <li>.