Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #adff2f und Farbe chartreuse

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbwert #adff2f			Schriftfarbe chartreuse
Detail	:	Hintergrund #adff2f	Detail	:	Schrift chartreuse
Farbwert	:	#adff2f	Farbe	:	chartreuse
Farbe	:	greenyellow	Farbwert	:	#7fff00
HTML	:	#adff2f	HTML	:	chartreuse
HTML (Wert)	:	#adff2f	HTML (Wert)	:	#7fff00
CSS	:	#adff2f	CSS	:	chartreuse
CSS (Wert)	:	#adff2f	CSS (Wert)	:	#7fff00
CSS (kürzest)	:	#adff2f	CSS (kürzest)	:	#7fff00
CSS (RGB)	:	rgb(173,255,47)	CSS (RGB)	:	rgb(127,255,0)
CSS (%RGB)	:	rgb(67%,100%,18%)	CSS (%RGB)	:	rgb(49%,100%,0%)

Verlauf Hintergrundfarbwert #adff2f nach Schriftfarbe chartreuse
#adff2f	#a6ff28	#9fff21	#99ff1a	#92ff14	#8cff0d	#85ff06	#7fff00
#adff2f	#a6ff28	#9fff21	#99ff1a	#92ff14	#8cff0d	#85ff06	#7fff00

Kombination von #adff2f und chartreuse
Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben chartreuse und #adff2f ergibt sich zu 94.97%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.03%. chartreuse ist nicht als Schriftfarbe auf Hintergrund #adff2f geeignet, da weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind.

Hintergrundfarbwert #adff2f				Schriftfarbe chartreuse
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#adff2f	#adff2f	#adff2f	#adff2f	#7fff00	#7fff00	#7fff00	#7fff00
#b8ff4c	#b8ff4c	#94da28	#94da28	#91ff24	#91ff24	#6cda00	#6cda00
#c4ff6a	#c4ff6a	#7bb621	#7bb621	#a3ff48	#a3ff48	#5ab600	#5ab600
#d0ff88	#d0ff88	#62911a	#62911a	#b5ff6d	#b5ff6d	#489100	#489100
#dbffa5	#dbffa5	#4a6d14	#4a6d14	#c8ff91	#c8ff91	#366d00	#366d00
#e7ffc3	#e7ffc3	#31480d	#31480d	#daffb6	#daffb6	#244800	#244800
#f3ffe1	#f3ffe1	#182406	#182406	#ecffda	#ecffda	#122400	#122400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #adff2f und Farbe chartreuse

Hintergrund/Text-Kombination von HTML-Tag tfoot

Wir ändern für dieses Beispiel die Textfarbe von <tfoot> auf Farbe chartreuse und die Hintergrundfarbe von <tfoot> auf Farbwert #adff2f. Die Schriftart ändern wir auf monospace und als Schriftgröße entscheiden wir uns für 95%.

<style type="text/css"><!--
  tfoot { 
    font-family: monospace; 
    background-color: #adff2f; 
    color: chartreuse; 
    font-size: 95%;
  }
//-->
</style>

Mehr zu tfoot können Sie in Tabellen in HTML finden. Zur Beschreibung des hier gezeigten HTML-Tag <tfoot>.

Wechsel der Umrandung bei Hover mit HTML-Tag img

Die Rahmenfarbe soll sich von Farbwert #adff2f auf Farbe chartreuse ändern, wenn man mit der Maus auf <img> zeigt. Bereiten wir zunächst die Darstellung von <img> in Farbwert #adff2f vor.

In diesem Beispiel umranden wir <img> mit einem 5 Pixel dicken, gezahnten Rahmen in Farbwert #adff2f.

<style type="text/css"><!--
  img { border:5px ridge #adff2f; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf chartreuse ändert.

<style type="text/css"><!--
  img:hover { 
    border-color:chartreuse;
  }
//-->
</style>

Mehr zum Thema können Sie in Grafik in HTML nachlesen. Weiteres zum Befehl img ist in der HTML Referenz unter <img> beschrieben.