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

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 turquoise
Detail	:	Hintergrund #adff2f	Detail	:	Schrift turquoise
Farbwert	:	#adff2f	Farbe	:	turquoise
Farbe	:	greenyellow	Farbwert	:	#40e0d0
HTML	:	#adff2f	HTML	:	turquoise
HTML (Wert)	:	#adff2f	HTML (Wert)	:	#40e0d0
CSS	:	#adff2f	CSS	:	turquoise
CSS (Wert)	:	#adff2f	CSS (Wert)	:	#40e0d0
CSS (kürzest)	:	#adff2f	CSS (kürzest)	:	#40e0d0
CSS (RGB)	:	rgb(173,255,47)	CSS (RGB)	:	rgb(64,224,208)
CSS (%RGB)	:	rgb(67%,100%,18%)	CSS (%RGB)	:	rgb(25%,87%,81%)

Verlauf Hintergrundfarbwert #adff2f nach Schriftfarbe turquoise
#adff2f	#9dfa46	#8df65d	#7ef174	#6eed8b	#5fe8a2	#4fe4b9	#40e0d0
#adff2f	#9dfa46	#8df65d	#7ef174	#6eed8b	#5fe8a2	#4fe4b9	#40e0d0

Kombination von #adff2f und turquoise
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 id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #adff2f ist turquoise ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit von turquoise und #adff2f ergibt sich zu 93.63%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 6.37%.

Hintergrundfarbwert #adff2f				Schriftfarbe turquoise
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#adff2f	#adff2f	#adff2f	#adff2f	#40e0d0	#40e0d0	#40e0d0	#40e0d0
#b8ff4c	#b8ff4c	#94da28	#94da28	#5be4d6	#5be4d6	#36c0b2	#36c0b2
#c4ff6a	#c4ff6a	#7bb621	#7bb621	#76e8dd	#76e8dd	#2da094	#2da094
#d0ff88	#d0ff88	#62911a	#62911a	#91ede4	#91ede4	#248076	#248076
#dbffa5	#dbffa5	#4a6d14	#4a6d14	#adf1ea	#adf1ea	#1b6059	#1b6059
#e7ffc3	#e7ffc3	#31480d	#31480d	#c8f6f1	#c8f6f1	#12403b	#12403b
#f3ffe1	#f3ffe1	#182406	#182406	#e3faf8	#e3faf8	#09201d	#09201d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #adff2f und Farbe turquoise

Wechsel der Hintergrundfarbe bei Hover von Befehl a

Einen Link erzeugt man mit Befehl <a>. Diesen kann man hervorheben und farblich gestalten.

Die Hintergrundfarbe soll sich von Farbwert #adff2f auf Farbe turquoise ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <a> in Farbwert #adff2f vor.

Als Beispiel ändern wir die Hintergrundfarbe von <a> auf Farbwert #adff2f. Die Textfarbe behalten wir bei. Die Schriftart ändern wir auf sans-serif.

<style type="text/css"><!--
  a { 
    background-color:#adff2f; 
    font-family:sans-serif;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf turquoise ändert.

<style type="text/css"><!--
  a:hover { 
    background-color:turquoise;
  }
//-->
</style>

Mehr zu a können Sie in Verweise und Protokolle in HTML nachlesen. Möglichkeiten des Tag <a>.