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

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 #008080
Detail	:	Hintergrund lightblue	Detail	:	Schrift #008080
Farbe	:	lightblue	Farbwert	:	#008080
Farbwert	:	#add8e6	Farbe	:	teal
HTML	:	lightblue	HTML	:	#008080
HTML (Wert)	:	#add8e6	HTML (Wert)	:	#008080
CSS	:	lightblue	CSS	:	#008080
CSS (Wert)	:	#add8e6	CSS (Wert)	:	#008080
CSS (kürzest)	:	#add8e6	CSS (kürzest)	:	#008080
CSS (RGB)	:	rgb(173,216,230)	CSS (RGB)	:	rgb(0,128,128)
CSS (%RGB)	:	rgb(67%,84%,90%)	CSS (%RGB)	:	rgb(0%,50%,50%)

Verlauf Hintergrundfarbe lightblue nach Schriftfarbwert #008080
#add8e6	#94cbd7	#7bbec8	#62b2ba	#4aa5ab	#31999d	#188c8e	#008080
#add8e6	#94cbd7	#7bbec8	#62b2ba	#4aa5ab	#31999d	#188c8e	#008080

Kombination von lightblue und #008080
Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				Auf Hintergrund lightblue ist #008080 ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit von #008080 und lightblue beträgt 85.13%. Die Lesbarkeit dieser Kombination bewerte ich mit 14.87%.

Hintergrundfarbe lightblue				Schriftfarbwert #008080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#add8e6	#add8e6	#add8e6	#add8e6	#008080	#008080	#008080	#008080
#b8dde9	#b8dde9	#94b9c5	#94b9c5	#249292	#249292	#006d6d	#006d6d
#c4e3ed	#c4e3ed	#7b9aa4	#7b9aa4	#48a4a4	#48a4a4	#005b5b	#005b5b
#d0e8f0	#d0e8f0	#627b83	#627b83	#6db6b6	#6db6b6	#004949	#004949
#dbeef4	#dbeef4	#4a5c62	#4a5c62	#91c8c8	#91c8c8	#003636	#003636
#e7f3f7	#e7f3f7	#313d41	#313d41	#b6dada	#b6dada	#002424	#002424
#f3f9fb	#f3f9fb	#181e20	#181e20	#daecec	#daecec	#001212	#001212
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightblue und Farbwert #008080

Wechsel der Umrandung bei Hover von Tag img

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

In diesem Beispiel umranden wir <img> mit einem 5 Pixel dicken, gestrichelten Rahmen in Farbe lightblue.

<style type="text/css"><!--
  img { border:5px dashed lightblue; }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Rahmenfarbe auf #008080 ändert.

<style type="text/css"><!--
  img: hover { 
    border-color: #008080;
  }
//-->
</style>

Mehr zum Thema img erfahren Sie in Grafik in HTML. Mehr zum hier genutzten HTML-Befehl <img>.

Füllen und Umranden mit Tag fieldset

In diesem Beispiel umranden wir <fieldset> mit einem . Die Hintergrundfarbe für <fieldset> färben wir mit Farbe lightblue. In HTML geht dies nicht. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  fieldset { 
    border-color:#008080; 
    border-style:outset; 
    background-color:lightblue; 
    border-width:2pt;
  }
//-->
</style>

Mehr zum Thema fieldset erfahren Sie in Formulare in HTML. Mehr zum hier gezeigten Tag fieldset erfahren Sie in der HTML Referenz unter <fieldset>.