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

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 mintcream
Detail	:	Hintergrund #adff2f	Detail	:	Schrift mintcream
Farbwert	:	#adff2f	Farbe	:	mintcream
Farbe	:	greenyellow	Farbwert	:	#f5fffa
HTML	:	#adff2f	HTML	:	mintcream
HTML (Wert)	:	#adff2f	HTML (Wert)	:	#f5fffa
CSS	:	#adff2f	CSS	:	mintcream
CSS (Wert)	:	#adff2f	CSS (Wert)	:	#f5fffa
CSS (kürzest)	:	#adff2f	CSS (kürzest)	:	#f5fffa
CSS (RGB)	:	rgb(173,255,47)	CSS (RGB)	:	rgb(245,255,250)
CSS (%RGB)	:	rgb(67%,100%,18%)	CSS (%RGB)	:	rgb(96%,100%,98%)

Verlauf Hintergrundfarbwert #adff2f nach Schriftfarbe mintcream
#adff2f	#b7ff4c	#c1ff69	#cbff86	#d6ffa3	#e0ffc0	#eaffdd	#f5fffa
#adff2f	#b7ff4c	#c1ff69	#cbff86	#d6ffa3	#e0ffc0	#eaffdd	#f5fffa

Kombination von #adff2f und mintcream
Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #adff2f ist mintcream ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit von mintcream und #adff2f ergibt sich zu 94.28%. Die Lesbarkeit dieser Kombination bewerte ich mit 5.72%.

Hintergrundfarbwert #adff2f				Schriftfarbe mintcream
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#adff2f	#adff2f	#adff2f	#adff2f	#f5fffa	#f5fffa	#f5fffa	#f5fffa
#b8ff4c	#b8ff4c	#94da28	#94da28	#f6fffa	#f6fffa	#d2dad6	#d2dad6
#c4ff6a	#c4ff6a	#7bb621	#7bb621	#f7fffb	#f7fffb	#afb6b2	#afb6b2
#d0ff88	#d0ff88	#62911a	#62911a	#f9fffc	#f9fffc	#8c918e	#8c918e
#dbffa5	#dbffa5	#4a6d14	#4a6d14	#fafffc	#fafffc	#696d6b	#696d6b
#e7ffc3	#e7ffc3	#31480d	#31480d	#fcfffd	#fcfffd	#464847	#464847
#f3ffe1	#f3ffe1	#182406	#182406	#fdfffe	#fdfffe	#232423	#232423
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #adff2f und Farbe mintcream

Wechsel der Umrandung bei Hover von Befehl li

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

In diesem Beispiel umranden wir <li> mit einem 1 Pixel dicken, doppelten Rahmen in Farbwert #adff2f.

<style type="text/css"><!--
  li { border:1px double #adff2f; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe auf mintcream ändert.

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

Weiteres zum Thema li lesen Sie in Listen und Glossare in HTML. Möglichkeiten des hier gezeigten Tag li sind in der HTML Referenz unter <li> gezeigt.

Wechsel der Textfarbe bei Hover mit HTML-Befehl center

Die Textfarbe soll sich von Farbwert #adff2f auf Farbe mintcream ändern, wenn man mit der Maus auf <center> zeigt. Bereiten wir zunächst eine Darstellung von <center> in Farbwert #adff2f vor.

Wir setzen hier die Textfarbe von <center> auf Farbwert #adff2f. Zwar lassen wir die Hintergrundfarbe unverändert, setzen jedoch die Schriftart auf courier new. Die Schriftgröße verkleinern wir auf 96%.

<style type="text/css"><!--
  center { 
    font-size: 96%; 
    color: #adff2f; 
    font-family: courier new;
  }
//-->
</style>

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

<style type="text/css"><!--
  center:hover { 
    color:mintcream;
  }
//-->
</style>

Mehr zu center finden Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung vom hier gezeigten HTML-Befehl center finden Sie in der HTML Referenz unter <center>.