Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe navy und Farbwert #c0c0c0

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			Schriftfarbwert #c0c0c0
Detail	:	Hintergrund navy	Detail	:	Schrift #c0c0c0
Farbe	:	navy	Farbwert	:	#c0c0c0
Farbwert	:	#000080	Farbe	:	silver
HTML	:	navy	HTML	:	#c0c0c0
HTML (Wert)	:	#000080	HTML (Wert)	:	#c0c0c0
CSS	:	navy	CSS	:	#c0c0c0
CSS (Wert)	:	#000080	CSS (Wert)	:	#c0c0c0
CSS (kürzest)	:	#000080	CSS (kürzest)	:	#c0c0c0
CSS (RGB)	:	rgb(0,0,128)	CSS (RGB)	:	rgb(192,192,192)
CSS (%RGB)	:	rgb(0%,0%,50%)	CSS (%RGB)	:	rgb(75%,75%,75%)

Verlauf Hintergrundfarbe navy nach Schriftfarbwert #c0c0c0
#000080	#1b1b89	#363692	#52529b	#6d6da4	#8989ad	#a4a4b6	#c0c0c0
#000080	#1b1b89	#363692	#52529b	#6d6da4	#8989ad	#a4a4b6	#c0c0c0

Kombination von navy und #c0c0c0
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. 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.				#c0c0c0 eignet sich nicht als Schriftfarbe auf Hintergrund navy. Zwar ist der Helligkeitsunterschied ok, die Farben selbst sind zu ähnlich. Die Ähnlichkeit der Farben #c0c0c0 und navy ergibt sich zu 58.10%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 41.90%.

Hintergrundfarbe navy				Schriftfarbwert #c0c0c0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#000080	#000080	#000080	#000080	#c0c0c0	#c0c0c0	#c0c0c0	#c0c0c0
#242492	#242492	#00006d	#00006d	#c9c9c9	#c9c9c9	#a4a4a4	#a4a4a4
#4848a4	#4848a4	#00005b	#00005b	#d2d2d2	#d2d2d2	#898989	#898989
#6d6db6	#6d6db6	#000049	#000049	#dbdbdb	#dbdbdb	#6d6d6d	#6d6d6d
#9191c8	#9191c8	#000036	#000036	#e4e4e4	#e4e4e4	#525252	#525252
#b6b6da	#b6b6da	#000024	#000024	#ededed	#ededed	#363636	#363636
#dadaec	#dadaec	#000012	#000012	#f6f6f6	#f6f6f6	#1b1b1b	#1b1b1b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe navy und Farbwert #c0c0c0

Wechsel der Textfarbe bei Hover von Befehl p

Die Textfarbe soll sich von Farbe navy auf Farbwert #c0c0c0 ändern, wenn man mit der Maus auf <p> zeigt. Bereiten wir zunächst die Formatierung von <p> in Farbe navy vor.

Wir setzen als Beispiel bei <p> die Textfarbe auf Farbe navy:

<style type="text/css"><!--
  p { 
    color: navy;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #c0c0c0 gesetzt wird.

<style type="text/css"><!--
  p:hover { 
    color:#c0c0c0;
  }
//-->
</style>

Mehr zu p können Sie in Grundlegende Gestaltungselemente in HTML lesen. Der Befehl p ist in der HTML Referenz unter <p> beschrieben.