Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe navy und Farbe aqua

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 navy			Schriftfarbe aqua
Detail	:	Hintergrund navy	Detail	:	Schrift aqua
Farbe	:	navy	Farbe	:	aqua
Farbwert	:	#000080	Farbwert	:	#00ffff
HTML	:	navy	HTML	:	aqua
HTML (Wert)	:	#000080	HTML (Wert)	:	#00ffff
CSS	:	navy	CSS	:	aqua
CSS (Wert)	:	#000080	CSS (Wert)	:	#00ffff
CSS (kürzest)	:	#000080	CSS (kürzest)	:	#0ff
CSS (RGB)	:	rgb(0,0,128)	CSS (RGB)	:	rgb(0,255,255)
CSS (%RGB)	:	rgb(0%,0%,50%)	CSS (%RGB)	:	rgb(0%,100%,100%)

Verlauf Hintergrundfarbe navy nach Schriftfarbe aqua
#000080	#002492	#0048a4	#006db6	#0091c8	#00b6da	#00daec	#00ffff
#000080	#002492	#0048a4	#006db6	#0091c8	#00b6da	#00daec	#00ffff

Kombination von navy und aqua
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben aqua und navy beträgt 39.20%. Die Lesbarkeit dieser Kombination ergibt sich zu 60.80%. aqua eignet sich nicht als Schriftfarbe auf Hintergrund navy, da der Farbunterschied zu gering ist

Hintergrundfarbe navy				Schriftfarbe aqua
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#000080	#000080	#000080	#000080	#00ffff	#00ffff	#00ffff	#00ffff
#242492	#242492	#00006d	#00006d	#24ffff	#24ffff	#00dada	#00dada
#4848a4	#4848a4	#00005b	#00005b	#48ffff	#48ffff	#00b6b6	#00b6b6
#6d6db6	#6d6db6	#000049	#000049	#6dffff	#6dffff	#009191	#009191
#9191c8	#9191c8	#000036	#000036	#91ffff	#91ffff	#006d6d	#006d6d
#b6b6da	#b6b6da	#000024	#000024	#b6ffff	#b6ffff	#004848	#004848
#dadaec	#dadaec	#000012	#000012	#daffff	#daffff	#002424	#002424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe navy und Farbe aqua

Wechsel der Umrandung bei Hover mit HTML-Tag span

Die Rahmenfarbe soll sich von Farbe navy auf Farbe aqua ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <span> in Farbe navy vor.

In diesem Beispiel umranden wir <span> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbe navy.

<style type="text/css"><!--
  span { 
    border-style:dotted; 
    border-color:navy; 
    border-width:4px;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe auf aqua ändert.

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

Mehr zum Befehl <span>.