Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lime und Farbwert #00008b

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 lime			Schriftfarbwert #00008b
Detail	:	Hintergrund lime	Detail	:	Schrift #00008b
Farbe	:	lime	Farbwert	:	#00008b
Farbwert	:	#00ff00	Farbe	:	darkblue
HTML	:	lime	HTML	:	#00008b
HTML (Wert)	:	#00ff00	HTML (Wert)	:	#00008b
CSS	:	lime	CSS	:	#00008b
CSS (Wert)	:	#00ff00	CSS (Wert)	:	#00008b
CSS (kürzest)	:	#0f0	CSS (kürzest)	:	#00008b
CSS (RGB)	:	rgb(0,255,0)	CSS (RGB)	:	rgb(0,0,139)
CSS (%RGB)	:	rgb(0%,100%,0%)	CSS (%RGB)	:	rgb(0%,0%,54%)

Verlauf Hintergrundfarbe lime nach Schriftfarbwert #00008b
#00ff00	#00da13	#00b627	#00913b	#006d4f	#004863	#002477	#00008b
#00ff00	#00da13	#00b627	#00913b	#006d4f	#004863	#002477	#00008b

Kombination von lime und #00008b
Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				#00008b ist nicht als Schriftfarbe auf Hintergrund lime geeignet, da der Farbunterschied zu gering ist Die Ähnlichkeit von #00008b und lime ergibt sich zu 46.91%. Die Lesbarkeit dieser Kombination bewerte ich mit 53.09%.

Hintergrundfarbe lime				Schriftfarbwert #00008b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ff00	#00ff00	#00ff00	#00ff00	#00008b	#00008b	#00008b	#00008b
#24ff24	#24ff24	#00da00	#00da00	#24249b	#24249b	#000077	#000077
#48ff48	#48ff48	#00b600	#00b600	#4848ac	#4848ac	#000063	#000063
#6dff6d	#6dff6d	#009100	#009100	#6d6dbc	#6d6dbc	#00004f	#00004f
#91ff91	#91ff91	#006d00	#006d00	#9191cd	#9191cd	#00003b	#00003b
#b6ffb6	#b6ffb6	#004800	#004800	#b6b6dd	#b6b6dd	#000027	#000027
#daffda	#daffda	#002400	#002400	#dadaee	#dadaee	#000013	#000013
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe lime und Farbwert #00008b

Wechsel der Umrandung bei Hover von Befehl iframe

Die Rahmenfarbe soll sich von Farbe lime auf Farbwert #00008b ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <iframe> in Farbe lime vor.

In diesem Beispiel umranden wir <iframe> mit einem 4 Pixel dicken, gefurchten Rahmen in Farbe lime.

<style type="text/css"><!--
  iframe { 
    border-color:lime; 
    border-style:groove; 
    border-width:4px;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Rahmenfarbe auf #00008b geändert wird.

<style type="text/css"><!--
  iframe: hover { 
    border-color: #00008b;
  }
//-->
</style>

Mehr zum Tag iframe ist in der HTML Referenz bei <iframe> genau zusammengestellt.