Ressourcen: 137 HTML Farbnamen - Kombination von Farbe green und Farbwert #000080

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe green			Schriftfarbwert #000080
Detail	:	Hintergrund green	Detail	:	Schrift #000080
Farbe	:	green	Farbwert	:	#000080
Farbwert	:	#008000	Farbe	:	navy
HTML	:	green	HTML	:	#000080
HTML (Wert)	:	#008000	HTML (Wert)	:	#000080
CSS	:	green	CSS	:	#000080
CSS (Wert)	:	#008000	CSS (Wert)	:	#000080
CSS (kürzest)	:	#008000	CSS (kürzest)	:	#000080
CSS (RGB)	:	rgb(0,128,0)	CSS (RGB)	:	rgb(0,0,128)
CSS (%RGB)	:	rgb(0%,50%,0%)	CSS (%RGB)	:	rgb(0%,0%,50%)

Verlauf Hintergrundfarbe green nach Schriftfarbwert #000080
#008000	#006d12	#005b24	#004936	#003649	#00245b	#00126d	#000080
#008000	#006d12	#005b24	#004936	#003649	#00245b	#00126d	#000080

Kombination von green und #000080
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#000080 ist nicht als Schriftfarbe auf Hintergrund green geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit von #000080 und green ergibt sich zu 85.16%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 14.84%.

Hintergrundfarbe green				Schriftfarbwert #000080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008000	#008000	#008000	#008000	#000080	#000080	#000080	#000080
#249224	#249224	#006d00	#006d00	#242492	#242492	#00006d	#00006d
#48a448	#48a448	#005b00	#005b00	#4848a4	#4848a4	#00005b	#00005b
#6db66d	#6db66d	#004900	#004900	#6d6db6	#6d6db6	#000049	#000049
#91c891	#91c891	#003600	#003600	#9191c8	#9191c8	#000036	#000036
#b6dab6	#b6dab6	#002400	#002400	#b6b6da	#b6b6da	#000024	#000024
#daecda	#daecda	#001200	#001200	#dadaec	#dadaec	#000012	#000012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe green und Farbwert #000080

Wechsel der Hintergrundfarbe bei Hover von Befehl blockquote

Die Hintergrundfarbe soll sich von Farbe green auf Farbwert #000080 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <blockquote> in Farbe green vor.

Wir legen z.B. die Hintergrundfarbe von <blockquote> auf Farbe green fest. Die Textfarbe lassen wir unverändert, setzen jedoch die Schriftart auf arial:

<style type="text/css"><!--
  blockquote { 
    background-color:green; 
    font-family:arial;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #000080 gesetzt wird.

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

Weiteres zu blockquote erfahren Sie in Blockorientierte Elemente in HTML. Weiteres zum hier gezeigten HTML-Tag blockquote ist in der HTML Referenz bei <blockquote> genau gezeigt.

Hintergrund/Text-Kombination bei HTML-Befehl q

Hier ändern wir die Textfarbe von <q> auf Farbwert #000080 und die Hintergrundfarbe von <q> auf Farbe green. Die Schriftart setzen wir auf courier new und ändern die Schriftgröße auf 9pt.

<style type="text/css"><!--
  q { 
    color:#000080; 
    font-family:courier new; 
    font-size:9pt; 
    background-color:green;
  }
//-->
</style>

Zur Beschreibung vom hier genutzten Tag <q>.