Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #808080 und Farbe blue

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Hintergrundfarbwert #808080			Schriftfarbe blue
Detail	:	Hintergrund #808080	Detail	:	Schrift blue
Farbwert	:	#808080	Farbe	:	blue
Farbe	:	gray	Farbwert	:	#0000ff
HTML	:	#808080	HTML	:	blue
HTML (Wert)	:	#808080	HTML (Wert)	:	#0000ff
CSS	:	#808080	CSS	:	blue
CSS (Wert)	:	#808080	CSS (Wert)	:	#0000ff
CSS (kürzest)	:	#808080	CSS (kürzest)	:	#00f
CSS (RGB)	:	rgb(128,128,128)	CSS (RGB)	:	rgb(0,0,255)
CSS (%RGB)	:	rgb(50%,50%,50%)	CSS (%RGB)	:	rgb(0%,0%,100%)

Verlauf Hintergrundfarbwert #808080 nach Schriftfarbe blue
#808080	#6d6d92	#5b5ba4	#4949b6	#3636c8	#2424da	#1212ec	#0000ff
#808080	#6d6d92	#5b5ba4	#4949b6	#3636c8	#2424da	#1212ec	#0000ff

Kombination von #808080 und blue
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. Cras id velit ante.				Auf Hintergrund #808080 ist blue ungeeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben blue und #808080 beträgt 89.64%. Die Lesbarkeit dieser Kombination bewerte ich mit 10.36%.

Hintergrundfarbwert #808080				Schriftfarbe blue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#808080	#808080	#808080	#808080	#0000ff	#0000ff	#0000ff	#0000ff
#929292	#929292	#6d6d6d	#6d6d6d	#2424ff	#2424ff	#0000da	#0000da
#a4a4a4	#a4a4a4	#5b5b5b	#5b5b5b	#4848ff	#4848ff	#0000b6	#0000b6
#b6b6b6	#b6b6b6	#494949	#494949	#6d6dff	#6d6dff	#000091	#000091
#c8c8c8	#c8c8c8	#363636	#363636	#9191ff	#9191ff	#00006d	#00006d
#dadada	#dadada	#242424	#242424	#b6b6ff	#b6b6ff	#000048	#000048
#ececec	#ececec	#121212	#121212	#dadaff	#dadaff	#000024	#000024
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #808080 und Farbe blue

Wechsel der Textfarbe bei Hover von HTML-Tag address

Die Textfarbe soll sich von Farbwert #808080 auf Farbe blue ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <address> in Farbwert #808080 vor.

Wir legen hier die Textfarbe von <address> auf Farbwert #808080 fest. Zwar lassen wir die Hintergrundfarbe unverändert, ändern jedoch die Schriftart auf monospace und ändern die Schriftgröße auf 13px:

<style type="text/css"><!--
  address { 
    font-size:13px; 
    color:#808080; 
    font-family:monospace;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Textfarbe auf blue gesetzt wird.

<style type="text/css"><!--
  address: hover { 
    color: blue;
  }
//-->
</style>

Weiteres zum Thema address können Sie in Blockorientierte Elemente in HTML finden. Mehr zum Befehl address ist in der HTML Referenz bei <address> ausführlich beschrieben.

Wechsel der Umrandung bei Hover von HTML-Befehl frame

Die Rahmenfarbe soll sich von Farbwert #808080 auf Farbe blue ändern, wenn man mit der Maus auf <frame> zeigt. Bereiten wir zunächst eine Formatierung von <frame> in Farbwert #808080 vor.

In diesem Beispiel umranden wir <frame> mit einem 5 Pixel dicken, herausstehenden Rahmen in Farbwert #808080.

<style type="text/css"><!--
  frame { border:5px outset #808080; }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe zu blue ändert.

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

Der hier verwendete Tag frame ist in der HTML Referenz bei <frame> genau gezeigt.