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

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

Verlauf Hintergrundfarbe navy nach Schriftfarbwert #00ff00
#000080	#00246d	#00485b	#006d49	#009136	#00b624	#00da12	#00ff00
#000080	#00246d	#00485b	#006d49	#009136	#00b624	#00da12	#00ff00

Kombination von navy und #00ff00
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				Die Ähnlichkeit von #00ff00 und navy beträgt 44.44%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 55.56%. #00ff00 eignet sich nicht als Schriftfarbe auf Hintergrund navy, da die Farben zu ähnlich sind.

Hintergrundfarbe navy				Schriftfarbwert #00ff00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#000080	#000080	#000080	#000080	#00ff00	#00ff00	#00ff00	#00ff00
#242492	#242492	#00006d	#00006d	#24ff24	#24ff24	#00da00	#00da00
#4848a4	#4848a4	#00005b	#00005b	#48ff48	#48ff48	#00b600	#00b600
#6d6db6	#6d6db6	#000049	#000049	#6dff6d	#6dff6d	#009100	#009100
#9191c8	#9191c8	#000036	#000036	#91ff91	#91ff91	#006d00	#006d00
#b6b6da	#b6b6da	#000024	#000024	#b6ffb6	#b6ffb6	#004800	#004800
#dadaec	#dadaec	#000012	#000012	#daffda	#daffda	#002400	#002400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe navy und Farbwert #00ff00

Wechsel der Textfarbe bei Hover mit Befehl center

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

Wir ändern für dieses Beispiel bei <center> die Textfarbe auf Farbe navy. Die Hintergrundfarbe behalten wir bei, ändern jedoch die Schriftart auf arial und verkleinern die Schriftgröße auf 99%.

<style type="text/css"><!--
  center { 
    color:navy; 
    font-family:arial; 
    font-size:99%;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Textfarbe auf #00ff00 geändert wird.

<style type="text/css"><!--
  center:hover { 
    color:#0f0;
  }
//-->
</style>

Weiteres zu center finden Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des hier gezeigten HTML-Tag center finden Sie in der HTML Referenz unter <center>.

Hintergrund/Text-Kombination bei HTML-Befehl button

Hier ändern wir die Textfarbe von <button> auf Farbwert #00ff00 und die Hintergrundfarbe von <button> auf Farbe navy. Als Schriftart setzen wir sans-serif und als Schriftgröße wählen wir 84%.

<style type="text/css"><!--
  button { 
    color:#0f0; 
    background-color:navy; 
    font-size:84%; 
    font-family:sans-serif;
  }
//-->
</style>

Mehr zu button erfahren Sie in Formulare in HTML. Die Beschreibung des hier gezeigten Tag button lesen Sie in der HTML Referenz unter <button>.