Ressourcen: 137 HTML Farbnamen - Kombination von Farbe greenyellow und Farbwert #dda0dd

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 greenyellow			Schriftfarbwert #dda0dd
Detail	:	Hintergrund greenyellow	Detail	:	Schrift #dda0dd
Farbe	:	greenyellow	Farbwert	:	#dda0dd
Farbwert	:	#adff2f	Farbe	:	plum
HTML	:	greenyellow	HTML	:	#dda0dd
HTML (Wert)	:	#adff2f	HTML (Wert)	:	#dda0dd
CSS	:	greenyellow	CSS	:	#dda0dd
CSS (Wert)	:	#adff2f	CSS (Wert)	:	#dda0dd
CSS (kürzest)	:	#adff2f	CSS (kürzest)	:	#dda0dd
CSS (RGB)	:	rgb(173,255,47)	CSS (RGB)	:	rgb(221,160,221)
CSS (%RGB)	:	rgb(67%,100%,18%)	CSS (%RGB)	:	rgb(86%,62%,86%)

Verlauf Hintergrundfarbe greenyellow nach Schriftfarbwert #dda0dd
#adff2f	#b3f147	#bae360	#c1d679	#c8c892	#cfbbab	#d6adc4	#dda0dd
#adff2f	#b3f147	#bae360	#c1d679	#c8c892	#cfbbab	#d6adc4	#dda0dd

Kombination von greenyellow und #dda0dd
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Cras id velit ante.				Auf Hintergrund greenyellow ist #dda0dd ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit der Farben #dda0dd und greenyellow beträgt 91.96%. Die Lesbarkeit dieser Kombination bewerte ich mit 8.04%.

Hintergrundfarbe greenyellow				Schriftfarbwert #dda0dd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#adff2f	#adff2f	#adff2f	#adff2f	#dda0dd	#dda0dd	#dda0dd	#dda0dd
#b8ff4c	#b8ff4c	#94da28	#94da28	#e1ade1	#e1ade1	#bd89bd	#bd89bd
#c4ff6a	#c4ff6a	#7bb621	#7bb621	#e6bbe6	#e6bbe6	#9d729d	#9d729d
#d0ff88	#d0ff88	#62911a	#62911a	#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e
#dbffa5	#dbffa5	#4a6d14	#4a6d14	#f0d6f0	#f0d6f0	#5e445e	#5e445e
#e7ffc3	#e7ffc3	#31480d	#31480d	#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f
#f3ffe1	#f3ffe1	#182406	#182406	#faf1fa	#faf1fa	#1f161f	#1f161f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe greenyellow und Farbwert #dda0dd

Wechsel der Hintergrundfarbe bei Hover mit Tag td

Die Hintergrundfarbe soll sich von Farbe greenyellow auf Farbwert #dda0dd ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <td> in Farbe greenyellow vor.

In diesem Beispiel legen wir Farbe greenyellow als Hintergrundfarbe von <td> fest und setzen die Größe der Schrift auf 117%.

<style type="text/css"><!--
  td { 
    background-color:greenyellow; 
    font-size:117%;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #dda0dd geändert wird.

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

Mehr zum Thema lesen Sie in Tabellen in HTML. Zur Beschreibung des Tag <td>.