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

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 #00ced1
Detail	:	Hintergrund #adff2f	Detail	:	Schrift #00ced1
Farbwert	:	#adff2f	Farbwert	:	#00ced1
Farbe	:	greenyellow	Farbe	:	darkturquoise
HTML	:	#adff2f	HTML	:	#00ced1
HTML (Wert)	:	#adff2f	HTML (Wert)	:	#00ced1
CSS	:	#adff2f	CSS	:	#00ced1
CSS (Wert)	:	#adff2f	CSS (Wert)	:	#00ced1
CSS (kürzest)	:	#adff2f	CSS (kürzest)	:	#00ced1
CSS (RGB)	:	rgb(173,255,47)	CSS (RGB)	:	rgb(0,206,209)
CSS (%RGB)	:	rgb(67%,100%,18%)	CSS (%RGB)	:	rgb(0%,80%,81%)

Verlauf Hintergrundfarbwert #adff2f nach Schriftfarbwert #00ced1
#adff2f	#94f846	#7bf15d	#62ea74	#4ae38b	#31dca2	#18d5b9	#00ced1
#adff2f	#94f846	#7bf15d	#62ea74	#4ae38b	#31dca2	#18d5b9	#00ced1

Kombination von #adff2f und #00ced1
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#00ced1 eignet sich nicht als Schriftfarbe auf Hintergrund #adff2f, weil weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind. Die Ähnlichkeit von #00ced1 und #adff2f beträgt 92.41%. Die Lesbarkeit dieser Farbkombination liegt damit bei 7.59%.

Hintergrundfarbwert #adff2f				Schriftfarbwert #00ced1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#adff2f	#adff2f	#adff2f	#adff2f	#00ced1	#00ced1	#00ced1	#00ced1
#b8ff4c	#b8ff4c	#94da28	#94da28	#24d5d7	#24d5d7	#00b0b3	#00b0b3
#c4ff6a	#c4ff6a	#7bb621	#7bb621	#48dcde	#48dcde	#009395	#009395
#d0ff88	#d0ff88	#62911a	#62911a	#6de3e4	#6de3e4	#007577	#007577
#dbffa5	#dbffa5	#4a6d14	#4a6d14	#91eaeb	#91eaeb	#005859	#005859
#e7ffc3	#e7ffc3	#31480d	#31480d	#b6f1f1	#b6f1f1	#003a3b	#003a3b
#f3ffe1	#f3ffe1	#182406	#182406	#daf8f8	#daf8f8	#001d1d	#001d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #adff2f und Farbwert #00ced1

Wechsel der Textfarbe bei Hover bei Befehl var

Die Textfarbe soll sich von Farbwert #adff2f auf Farbwert #00ced1 ändern, wenn man mit der Maus auf <var> zeigt. Bereiten wir zunächst eine Formatierung von <var> in Farbwert #adff2f vor.

Zum Beispiel legen wir bei <var> die Textfarbe auf Farbwert #adff2f fest:

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

Nun stellen wir ein, dass sich bei Mausberührung die Textfarbe auf #00ced1 ändert.

<style type="text/css"><!--
  var:hover { 
    color:#00ced1;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Text in HTML. Mehr zum HTML-Befehl var erfahren Sie in der HTML Referenz unter <var>.