Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #adff2f und Farbwert #f08080

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 #adff2f			Schriftfarbwert #f08080
Detail	:	Hintergrund #adff2f	Detail	:	Schrift #f08080
Farbwert	:	#adff2f	Farbwert	:	#f08080
Farbe	:	greenyellow	Farbe	:	lightcoral
HTML	:	#adff2f	HTML	:	#f08080
HTML (Wert)	:	#adff2f	HTML (Wert)	:	#f08080
CSS	:	#adff2f	CSS	:	#f08080
CSS (Wert)	:	#adff2f	CSS (Wert)	:	#f08080
CSS (kürzest)	:	#adff2f	CSS (kürzest)	:	#f08080
CSS (RGB)	:	rgb(173,255,47)	CSS (RGB)	:	rgb(240,128,128)
CSS (%RGB)	:	rgb(67%,100%,18%)	CSS (%RGB)	:	rgb(94%,50%,50%)

Verlauf Hintergrundfarbwert #adff2f nach Schriftfarbwert #f08080
#adff2f	#b6ec3a	#c0da46	#c9c851	#d3b65d	#dca468	#e69274	#f08080
#adff2f	#b6ec3a	#c0da46	#c9c851	#d3b65d	#dca468	#e69274	#f08080

Kombination von #adff2f und #f08080
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				#f08080 eignet sich nicht als Schriftfarbe auf Hintergrund #adff2f. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit von #f08080 und #adff2f ergibt sich zu 89.94%. Die Lesbarkeit dieser Kombination bewerte ich mit 10.06%.

Hintergrundfarbwert #adff2f				Schriftfarbwert #f08080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#adff2f	#adff2f	#adff2f	#adff2f	#f08080	#f08080	#f08080	#f08080
#b8ff4c	#b8ff4c	#94da28	#94da28	#f29292	#f29292	#cd6d6d	#cd6d6d
#c4ff6a	#c4ff6a	#7bb621	#7bb621	#f4a4a4	#f4a4a4	#ab5b5b	#ab5b5b
#d0ff88	#d0ff88	#62911a	#62911a	#f6b6b6	#f6b6b6	#894949	#894949
#dbffa5	#dbffa5	#4a6d14	#4a6d14	#f8c8c8	#f8c8c8	#663636	#663636
#e7ffc3	#e7ffc3	#31480d	#31480d	#fadada	#fadada	#442424	#442424
#f3ffe1	#f3ffe1	#182406	#182406	#fcecec	#fcecec	#221212	#221212
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #adff2f und Farbwert #f08080

Wechsel der Hintergrundfarbe bei Hover mit Tag em

Die Hintergrundfarbe soll sich von Farbwert #adff2f auf Farbwert #f08080 ändern, wenn man mit der Maus auf <em> zeigt. Wir bereiten zunächst die Darstellung von <em> in Farbwert #adff2f vor.

Wir setzen hier bei <em> die Hintergrundfarbe auf Farbwert #adff2f.

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

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #f08080 ändert.

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

Mehr zum Thema lesen Sie in Text in HTML. Mehr zum Befehl em finden Sie in der HTML Referenz unter <em>.

Hintergrund/Text-Kombination mit HTML-Tag q

Wir ändern hier die Textfarbe von <q> auf Farbwert #f08080 und die Hintergrundfarbe von <q> auf Farbwert #adff2f. Als Schriftart wählen wir verdana und setzen die Schriftgröße auf 123%.

<style type="text/css"><!--
  q { 
    font-size: 123%; 
    background-color: #adff2f; 
    font-family: verdana; 
    color: #f08080;
  }
//-->
</style>

Weiteres zum hier genutzten Befehl q finden Sie in der HTML Referenz unter <q>.