Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #1e90ff und Farbwert #00ff00

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 #1e90ff			Schriftfarbwert #00ff00
Detail	:	Hintergrund #1e90ff	Detail	:	Schrift #00ff00
Farbwert	:	#1e90ff	Farbwert	:	#00ff00
Farbe	:	dodgerblue	Farbe	:	lime
HTML	:	#1e90ff	HTML	:	#00ff00
HTML (Wert)	:	#1e90ff	HTML (Wert)	:	#00ff00
CSS	:	#1e90ff	CSS	:	#00ff00
CSS (Wert)	:	#1e90ff	CSS (Wert)	:	#00ff00
CSS (kürzest)	:	#1e90ff	CSS (kürzest)	:	#0f0
CSS (RGB)	:	rgb(30,144,255)	CSS (RGB)	:	rgb(0,255,0)
CSS (%RGB)	:	rgb(11%,56%,100%)	CSS (%RGB)	:	rgb(0%,100%,0%)

Verlauf Hintergrundfarbwert #1e90ff nach Schriftfarbwert #00ff00
#1e90ff	#199fda	#15afb6	#11bf91	#0ccf6d	#08df48	#04ef24	#00ff00
#1e90ff	#199fda	#15afb6	#11bf91	#0ccf6d	#08df48	#04ef24	#00ff00

Kombination von #1e90ff und #00ff00
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.				#00ff00 ist nicht als Schriftfarbe auf Hintergrund #1e90ff geeignet, da die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit der Farben #00ff00 und #1e90ff beträgt 88.77%. Die Lesbarkeit dieser Farbkombination liegt damit bei 11.23%.

Hintergrundfarbwert #1e90ff				Schriftfarbwert #00ff00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#1e90ff	#1e90ff	#1e90ff	#1e90ff	#00ff00	#00ff00	#00ff00	#00ff00
#3e9fff	#3e9fff	#197bda	#197bda	#24ff24	#24ff24	#00da00	#00da00
#5eafff	#5eafff	#1566b6	#1566b6	#48ff48	#48ff48	#00b600	#00b600
#7ebfff	#7ebfff	#115291	#115291	#6dff6d	#6dff6d	#009100	#009100
#9ecfff	#9ecfff	#0c3d6d	#0c3d6d	#91ff91	#91ff91	#006d00	#006d00
#bedfff	#bedfff	#082948	#082948	#b6ffb6	#b6ffb6	#004800	#004800
#deefff	#deefff	#041424	#041424	#daffda	#daffda	#002400	#002400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #1e90ff und Farbwert #00ff00

Wechsel der Umrandung bei Hover mit Befehl a

Mit HTML-Tag <a> wird ein Hyperlink gesetzt. Diesen kann man farblich gestalten.

Die Rahmenfarbe soll sich von Farbwert #1e90ff auf Farbwert #00ff00 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <a> in Farbwert #1e90ff vor.

In diesem Beispiel umranden wir <a> mit einem 3 Pixel dicken, doppelten Rahmen in Farbwert #1e90ff.

<style type="text/css"><!--
  a { border:3px double #1e90ff; }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #00ff00 geändert wird.

<style type="text/css"><!--
  a:hover { 
    border-color:#00ff00;
  }
//-->
</style>

Mehr zum Thema a finden Sie in Verweise und Protokolle in HTML. Beschreibung des Tag <a>.

Füllen und Umranden bei HTML-Tag img

Für dieses Beispiel umranden wir <img> mit einem 5 Punkte dicken, doppelten Rahmen in Farbwert #00ff00 . Den Hintergrund von <img> setzen wir auf Farbwert #1e90ff. In HTML ist dies kaum möglich. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  img { border:5pt double #0f0; background-color:#1e90ff; }
//-->
</style>

Weiteres zum Thema können Sie in Grafik in HTML lesen. Die Beschreibung des hier gezeigten HTML-Tag img lesen Sie in der HTML Referenz unter <img>.