Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #fafad2 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 #fafad2			Schriftfarbwert #00ff00
Detail	:	Hintergrund #fafad2	Detail	:	Schrift #00ff00
Farbwert	:	#fafad2	Farbwert	:	#00ff00
Farbe	:	lightgoldenrodyellow	Farbe	:	lime
HTML	:	#fafad2	HTML	:	#00ff00
HTML (Wert)	:	#fafad2	HTML (Wert)	:	#00ff00
CSS	:	#fafad2	CSS	:	#00ff00
CSS (Wert)	:	#fafad2	CSS (Wert)	:	#00ff00
CSS (kürzest)	:	#fafad2	CSS (kürzest)	:	#0f0
CSS (RGB)	:	rgb(250,250,210)	CSS (RGB)	:	rgb(0,255,0)
CSS (%RGB)	:	rgb(98%,98%,82%)	CSS (%RGB)	:	rgb(0%,100%,0%)

Verlauf Hintergrundfarbwert #fafad2 nach Schriftfarbwert #00ff00
#fafad2	#d6fab4	#b2fb96	#8efc78	#6bfc5a	#47fd3c	#23fe1e	#00ff00
#fafad2	#d6fab4	#b2fb96	#8efc78	#6bfc5a	#47fd3c	#23fe1e	#00ff00

Kombination von #fafad2 und #00ff00
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #fafad2 ist #00ff00 ungeeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind. Die Ähnlichkeit von #00ff00 und #fafad2 beträgt 93.88%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 6.12%.

Hintergrundfarbwert #fafad2				Schriftfarbwert #00ff00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fafad2	#fafad2	#fafad2	#fafad2	#00ff00	#00ff00	#00ff00	#00ff00
#fafad8	#fafad8	#d6d6b4	#d6d6b4	#24ff24	#24ff24	#00da00	#00da00
#fbfbde	#fbfbde	#b2b296	#b2b296	#48ff48	#48ff48	#00b600	#00b600
#fcfce5	#fcfce5	#8e8e78	#8e8e78	#6dff6d	#6dff6d	#009100	#009100
#fcfceb	#fcfceb	#6b6b5a	#6b6b5a	#91ff91	#91ff91	#006d00	#006d00
#fdfdf2	#fdfdf2	#47473c	#47473c	#b6ffb6	#b6ffb6	#004800	#004800
#fefef8	#fefef8	#23231e	#23231e	#daffda	#daffda	#002400	#002400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fafad2 und Farbwert #00ff00

Füllen und Umranden von Tag a

Einen Link erzeugen Sie mit Befehl <a>. Dieser kann hervorgehoben und farblich gestaltet werden.

Für dieses Beispiel umranden wir <a> mit einem 3 Pixel dicken, gepunkteten Rahmen in Farbwert #00ff00 . Die Hintergrundfarbe für <a> färben wir mit Farbwert #fafad2. In HTML geht dies kaum. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  a { border:3px dotted #00ff00; background-color:#fafad2; }
//-->
</style>

Weiteres zu a können Sie in Verweise und Protokolle in HTML lesen. Weiteres zum Tag a erfahren Sie in der HTML Referenz unter <a>.

Wechsel der Textfarbe bei Hover von Tag td

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

Z.B. ändern wir bei <td> die Textfarbe auf Farbwert #fafad2. Zwar ändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf monospace.

<style type="text/css"><!--
  td { 
    color:#fafad2; 
    font-family:monospace;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Textfarbe auf #00ff00 geändert wird.

<style type="text/css"><!--
  td:hover { 
    color:#0f0;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Tabellen in HTML. Der Tag td ist in der HTML Referenz unter <td> zusammengestellt.