Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #008000 und Farbwert #0000ff

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.

Hintergrundfarbwert #008000			Schriftfarbwert #0000ff
Detail	:	Hintergrund #008000	Detail	:	Schrift #0000ff
Farbwert	:	#008000	Farbwert	:	#0000ff
Farbe	:	green	Farbe	:	blue
HTML	:	#008000	HTML	:	#0000ff
HTML (Wert)	:	#008000	HTML (Wert)	:	#0000ff
CSS	:	#008000	CSS	:	#0000ff
CSS (Wert)	:	#008000	CSS (Wert)	:	#0000ff
CSS (kürzest)	:	#008000	CSS (kürzest)	:	#00f
CSS (RGB)	:	rgb(0,128,0)	CSS (RGB)	:	rgb(0,0,255)
CSS (%RGB)	:	rgb(0%,50%,0%)	CSS (%RGB)	:	rgb(0%,0%,100%)

Verlauf Hintergrundfarbwert #008000 nach Schriftfarbwert #0000ff
#008000	#006d24	#005b48	#00496d	#003691	#0024b6	#0012da	#0000ff
#008000	#006d24	#005b48	#00496d	#003691	#0024b6	#0012da	#0000ff

Kombination von #008000 und #0000ff
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#0000ff ist nicht als Schriftfarbe auf Hintergrund #008000 geeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit von #0000ff und #008000 ergibt sich zu 92.04%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 7.96%.

Hintergrundfarbwert #008000				Schriftfarbwert #0000ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008000	#008000	#008000	#008000	#0000ff	#0000ff	#0000ff	#0000ff
#249224	#249224	#006d00	#006d00	#2424ff	#2424ff	#0000da	#0000da
#48a448	#48a448	#005b00	#005b00	#4848ff	#4848ff	#0000b6	#0000b6
#6db66d	#6db66d	#004900	#004900	#6d6dff	#6d6dff	#000091	#000091
#91c891	#91c891	#003600	#003600	#9191ff	#9191ff	#00006d	#00006d
#b6dab6	#b6dab6	#002400	#002400	#b6b6ff	#b6b6ff	#000048	#000048
#daecda	#daecda	#001200	#001200	#dadaff	#dadaff	#000024	#000024
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #008000 und Farbwert #0000ff

Text- und Unterstreichungsfarben mit HTML-Tag blockquote

Hier ändern wir die Textfarbe von <blockquote> auf Farbwert #0000ff. Die Schriftart ändern wir auf arial. Die Schriftgröße ändern wir auf 9px. Wir unterstreichen den Inhalt von <blockquote> mit Hilfe eines einfallenden Rahmens mit 2 Punkte Dicke in Farbwert #008000. Mit HTML ist dies kaum möglich. Deshalb verwenden wir CSS zur Formatierung.

<style type="text/css"><!--
  blockquote { 
    border-bottom-color: #008000; 
    font-family: arial; 
    font-size: 9px; 
    color: #0000ff; 
    border-bottom-style: inset; 
    border-bottom-width: 2pt;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema erfahren Sie in Blockorientierte Elemente in HTML. Mehr zum hier genutzten HTML-Befehl blockquote erfahren Sie in der HTML Referenz unter <blockquote>.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag select

Die Hintergrundfarbe soll sich von Farbwert #008000 auf Farbwert #0000ff ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <select> in Farbwert #008000 vor.

Z.B. legen wir die Hintergrundfarbe von <select> auf Farbwert #008000 fest. Die Schriftgröße verringern wir auf 84%.

<style type="text/css"><!--
  select { 
    background-color:#008000; 
    font-size:84%;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf #0000ff gesetzt wird.

<style type="text/css"><!--
  select: hover { 
    background-color: #00f;
  }
//-->
</style>

Weiteres zu select finden Sie in Formulare in HTML. Möglichkeiten des hier genutzten Tag <select>.