Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe yellow und Farbwert #000080

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.

Hintergrundfarbe yellow			Schriftfarbwert #000080
Detail	:	Hintergrund yellow	Detail	:	Schrift #000080
Farbe	:	yellow	Farbwert	:	#000080
Farbwert	:	#ffff00	Farbe	:	navy
HTML	:	yellow	HTML	:	#000080
HTML (Wert)	:	#ffff00	HTML (Wert)	:	#000080
CSS	:	yellow	CSS	:	#000080
CSS (Wert)	:	#ffff00	CSS (Wert)	:	#000080
CSS (kürzest)	:	#ff0	CSS (kürzest)	:	#000080
CSS (RGB)	:	rgb(255,255,0)	CSS (RGB)	:	rgb(0,0,128)
CSS (%RGB)	:	rgb(100%,100%,0%)	CSS (%RGB)	:	rgb(0%,0%,50%)

Verlauf Hintergrundfarbe yellow nach Schriftfarbwert #000080
#ffff00	#dada12	#b6b624	#919136	#6d6d49	#48485b	#24246d	#000080
#ffff00	#dada12	#b6b624	#919136	#6d6d49	#48485b	#24246d	#000080

Kombination von yellow und #000080
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#000080 eignet sich als Schriftfarbe auf Hintergrund yellow, da die Unterschiede in Helligkeit und Farbe gut sind. Die Ähnlichkeit der Farben #000080 und yellow ergibt sich zu 29.01%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 70.99%.

Hintergrundfarbe yellow				Schriftfarbwert #000080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffff00	#ffff00	#ffff00	#ffff00	#000080	#000080	#000080	#000080
#ffff24	#ffff24	#dada00	#dada00	#242492	#242492	#00006d	#00006d
#ffff48	#ffff48	#b6b600	#b6b600	#4848a4	#4848a4	#00005b	#00005b
#ffff6d	#ffff6d	#919100	#919100	#6d6db6	#6d6db6	#000049	#000049
#ffff91	#ffff91	#6d6d00	#6d6d00	#9191c8	#9191c8	#000036	#000036
#ffffb6	#ffffb6	#484800	#484800	#b6b6da	#b6b6da	#000024	#000024
#ffffda	#ffffda	#242400	#242400	#dadaec	#dadaec	#000012	#000012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe yellow und Farbwert #000080

Wechsel der Umrandung bei Hover bei HTML-Befehl img

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

In diesem Beispiel umranden wir <img> mit einem 3 Pixel dicken, gefurchten Rahmen in Farbe yellow.

<style type="text/css"><!--
  img { border:3px groove yellow; }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe auf #000080 ändert.

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

Weiteres zu img können Sie in Grafik in HTML nachsehen. Der hier gezeigte HTML-Befehl img ist in der HTML Referenz unter <img> ausführlich zusammengestellt.