Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightyellow 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.

Hintergrundfarbe lightyellow			Schriftfarbwert #00ff00
Detail	:	Hintergrund lightyellow	Detail	:	Schrift #00ff00
Farbe	:	lightyellow	Farbwert	:	#00ff00
Farbwert	:	#ffffe0	Farbe	:	lime
HTML	:	lightyellow	HTML	:	#00ff00
HTML (Wert)	:	#ffffe0	HTML (Wert)	:	#00ff00
CSS	:	lightyellow	CSS	:	#00ff00
CSS (Wert)	:	#ffffe0	CSS (Wert)	:	#00ff00
CSS (kürzest)	:	#ffffe0	CSS (kürzest)	:	#0f0
CSS (RGB)	:	rgb(255,255,224)	CSS (RGB)	:	rgb(0,255,0)
CSS (%RGB)	:	rgb(100%,100%,87%)	CSS (%RGB)	:	rgb(0%,100%,0%)

Verlauf Hintergrundfarbe lightyellow nach Schriftfarbwert #00ff00
#ffffe0	#daffc0	#b6ffa0	#91ff80	#6dff60	#48ff40	#24ff20	#00ff00
#ffffe0	#daffc0	#b6ffa0	#91ff80	#6dff60	#48ff40	#24ff20	#00ff00

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

Hintergrundfarbe lightyellow				Schriftfarbwert #00ff00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffffe0	#ffffe0	#ffffe0	#ffffe0	#00ff00	#00ff00	#00ff00	#00ff00
#ffffe4	#ffffe4	#dadac0	#dadac0	#24ff24	#24ff24	#00da00	#00da00
#ffffe8	#ffffe8	#b6b6a0	#b6b6a0	#48ff48	#48ff48	#00b600	#00b600
#ffffed	#ffffed	#919180	#919180	#6dff6d	#6dff6d	#009100	#009100
#fffff1	#fffff1	#6d6d60	#6d6d60	#91ff91	#91ff91	#006d00	#006d00
#fffff6	#fffff6	#484840	#484840	#b6ffb6	#b6ffb6	#004800	#004800
#fffffa	#fffffa	#242420	#242420	#daffda	#daffda	#002400	#002400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightyellow und Farbwert #00ff00

Füllen und Umranden von HTML-Befehl var

Für dieses Beispiel umranden wir <var> mit einem doppelten, 2 Pixel dicken Rahmen in Farbwert #00ff00 . Den Hintergrund von <var> setzen wir auf Farbe lightyellow. In HTML ist dies nicht möglich. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  var { border:2px double #0f0; background-color:lightyellow; }
//-->
</style>

Weiteres zum Thema erfahren Sie in Text in HTML. Weiteres zum hier verwendeten Tag var erfahren Sie in der HTML Referenz unter <var>.

Wechsel der Umrandung bei Hover von Tag col

Die Rahmenfarbe soll sich von Farbe lightyellow auf Farbwert #00ff00 ändern, wenn man mit der Maus auf <col> zeigt. Wir bereiten zunächst eine Formatierung von <col> in Farbe lightyellow vor.

In diesem Beispiel umranden wir <col> mit einem 5 Pixel dicken, gefurchten Rahmen in Farbe lightyellow.

<style type="text/css"><!--
  col { 
    border-color:lightyellow; 
    border-style:groove; 
    border-width:5px;
  }
//-->
</style>

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

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

Weiteres zum Thema können Sie in Tabellen in HTML lesen. Möglichkeiten vom hier gezeigten HTML-Befehl col erfahren Sie in der HTML Referenz unter <col>.