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

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			Schriftfarbwert #ff8c00
Detail	:	Hintergrund #adff2f	Detail	:	Schrift #ff8c00
Farbwert	:	#adff2f	Farbwert	:	#ff8c00
Farbe	:	greenyellow	Farbe	:	darkorange
HTML	:	#adff2f	HTML	:	#ff8c00
HTML (Wert)	:	#adff2f	HTML (Wert)	:	#ff8c00
CSS	:	#adff2f	CSS	:	#ff8c00
CSS (Wert)	:	#adff2f	CSS (Wert)	:	#ff8c00
CSS (kürzest)	:	#adff2f	CSS (kürzest)	:	#ff8c00
CSS (RGB)	:	rgb(173,255,47)	CSS (RGB)	:	rgb(255,140,0)
CSS (%RGB)	:	rgb(67%,100%,18%)	CSS (%RGB)	:	rgb(100%,54%,0%)

Verlauf Hintergrundfarbwert #adff2f nach Schriftfarbwert #ff8c00
#adff2f	#b8ee28	#c4de21	#d0cd1a	#dbbd14	#e7ac0d	#f39c06	#ff8c00
#adff2f	#b8ee28	#c4de21	#d0cd1a	#dbbd14	#e7ac0d	#f39c06	#ff8c00

Kombination von #adff2f und #ff8c00
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 #adff2f ist #ff8c00 ungeeignet, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit der Farben #ff8c00 und #adff2f ergibt sich zu 90.94%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 9.06%.

Hintergrundfarbwert #adff2f				Schriftfarbwert #ff8c00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#adff2f	#adff2f	#adff2f	#adff2f	#ff8c00	#ff8c00	#ff8c00	#ff8c00
#b8ff4c	#b8ff4c	#94da28	#94da28	#ff9c24	#ff9c24	#da7800	#da7800
#c4ff6a	#c4ff6a	#7bb621	#7bb621	#ffac48	#ffac48	#b66400	#b66400
#d0ff88	#d0ff88	#62911a	#62911a	#ffbd6d	#ffbd6d	#915000	#915000
#dbffa5	#dbffa5	#4a6d14	#4a6d14	#ffcd91	#ffcd91	#6d3c00	#6d3c00
#e7ffc3	#e7ffc3	#31480d	#31480d	#ffdeb6	#ffdeb6	#482800	#482800
#f3ffe1	#f3ffe1	#182406	#182406	#ffeeda	#ffeeda	#241400	#241400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #adff2f und Farbwert #ff8c00

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag tfoot

Die Hintergrundfarbe soll sich von Farbwert #adff2f auf Farbwert #ff8c00 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <tfoot> in Farbwert #adff2f vor.

Wir ändern in diesem Beispiel bei <tfoot> die Hintergrundfarbe auf Farbwert #adff2f:

<style type="text/css"><!--
  tfoot { 
    background-color: #adff2f;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe auf #ff8c00 ändert.

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

Mehr zum Thema können Sie in Tabellen in HTML lesen. Mehr zum HTML-Befehl tfoot ist in der HTML Referenz bei <tfoot> gezeigt.

Füllen und Umranden mit Befehl td

Hier umranden wir <td> mit einem 4 Punkte dicken, doppelten Rahmen in Farbwert #ff8c00 . Die Hintergrundfarbe für <td> setzen wir entsprechend auf Farbwert #adff2f. Dies ist mit HTML nicht möglich. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  td { border:4pt double #ff8c00; background-color:#adff2f; }
//-->
</style>

Weiteres zum Thema finden Sie in Tabellen in HTML. Mehr zum HTML-Befehl td ist in der HTML Referenz unter <td> genau gezeigt.