Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightblue und Farbwert #00fa9a

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 lightblue			Schriftfarbwert #00fa9a
Detail	:	Hintergrund lightblue	Detail	:	Schrift #00fa9a
Farbe	:	lightblue	Farbwert	:	#00fa9a
Farbwert	:	#add8e6	Farbe	:	mediumspringgreen
HTML	:	lightblue	HTML	:	#00fa9a
HTML (Wert)	:	#add8e6	HTML (Wert)	:	#00fa9a
CSS	:	lightblue	CSS	:	#00fa9a
CSS (Wert)	:	#add8e6	CSS (Wert)	:	#00fa9a
CSS (kürzest)	:	#add8e6	CSS (kürzest)	:	#00fa9a
CSS (RGB)	:	rgb(173,216,230)	CSS (RGB)	:	rgb(0,250,154)
CSS (%RGB)	:	rgb(67%,84%,90%)	CSS (%RGB)	:	rgb(0%,98%,60%)

Verlauf Hintergrundfarbe lightblue nach Schriftfarbwert #00fa9a
#add8e6	#94dcdb	#7be1d0	#62e6c5	#4aebba	#31f0af	#18f5a4	#00fa9a
#add8e6	#94dcdb	#7be1d0	#62e6c5	#4aebba	#31f0af	#18f5a4	#00fa9a

Kombination von lightblue und #00fa9a
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #00fa9a und lightblue beträgt 94.75%. Die Lesbarkeit dieser Kombination liegt damit bei 5.25%. Auf Hintergrund lightblue ist #00fa9a ungeeignet, weil die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe lightblue				Schriftfarbwert #00fa9a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#add8e6	#add8e6	#add8e6	#add8e6	#00fa9a	#00fa9a	#00fa9a	#00fa9a
#b8dde9	#b8dde9	#94b9c5	#94b9c5	#24faa8	#24faa8	#00d684	#00d684
#c4e3ed	#c4e3ed	#7b9aa4	#7b9aa4	#48fbb6	#48fbb6	#00b26e	#00b26e
#d0e8f0	#d0e8f0	#627b83	#627b83	#6dfcc5	#6dfcc5	#008e58	#008e58
#dbeef4	#dbeef4	#4a5c62	#4a5c62	#91fcd3	#91fcd3	#006b42	#006b42
#e7f3f7	#e7f3f7	#313d41	#313d41	#b6fde2	#b6fde2	#00472c	#00472c
#f3f9fb	#f3f9fb	#181e20	#181e20	#dafef0	#dafef0	#002316	#002316
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightblue und Farbwert #00fa9a

Text- und Unterstreichungsfarben bei Befehl label

Hier ändern wir die Textfarbe von <label> auf Farbwert #00fa9a. Die Schriftart ändern wir auf courier new und vergrößern die Schriftgröße auf 110%. Wir unterstreichen den Inhalt von <label> mit Hilfe eines einfallenden Rahmens mit 4 Punkte Dicke in Farbe lightblue. Dies ist in HTML nicht möglich. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  label { 
    color:#00fa9a; 
    font-family:courier new; 
    border-bottom:4pt inset lightblue; 
    font-size:110%;
  }
//-->
</style>

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

Mehr zu label können Sie in Formulare in HTML finden. Die Beschreibung vom hier verwendeten HTML-Befehl label finden Sie in der HTML Referenz unter <label>.

Wechsel der Textfarbe bei Hover von HTML-Befehl p

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

Wir setzen als Beispiel die Textfarbe von <p> auf Farbe lightblue.

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

Jetzt fordern wir, dass sich bei Hover die Textfarbe zu #00fa9a ändert.

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

Weiteres zu p erfahren Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier genutzten Befehl <p>.