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

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 #f5deb3			Schriftfarbwert #adff2f
Detail	:	Hintergrund #f5deb3	Detail	:	Schrift #adff2f
Farbwert	:	#f5deb3	Farbwert	:	#adff2f
Farbe	:	wheat	Farbe	:	greenyellow
HTML	:	#f5deb3	HTML	:	#adff2f
HTML (Wert)	:	#f5deb3	HTML (Wert)	:	#adff2f
CSS	:	#f5deb3	CSS	:	#adff2f
CSS (Wert)	:	#f5deb3	CSS (Wert)	:	#adff2f
CSS (kürzest)	:	#f5deb3	CSS (kürzest)	:	#adff2f
CSS (RGB)	:	rgb(245,222,179)	CSS (RGB)	:	rgb(173,255,47)
CSS (%RGB)	:	rgb(96%,87%,70%)	CSS (%RGB)	:	rgb(67%,100%,18%)

Verlauf Hintergrundfarbwert #f5deb3 nach Schriftfarbwert #adff2f
#f5deb3	#eae2a0	#e0e78d	#d6ec7a	#cbf067	#c1f554	#b7fa41	#adff2f
#f5deb3	#eae2a0	#e0e78d	#d6ec7a	#cbf067	#c1f554	#b7fa41	#adff2f

Kombination von #f5deb3 und #adff2f
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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Auf Hintergrund #f5deb3 ist #adff2f ungeeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben #adff2f und #f5deb3 ergibt sich zu 94.90%. Die Lesbarkeit dieser Kombination bewerte ich mit 5.10%.

Hintergrundfarbwert #f5deb3				Schriftfarbwert #adff2f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5deb3	#f5deb3	#f5deb3	#f5deb3	#adff2f	#adff2f	#adff2f	#adff2f
#f6e2bd	#f6e2bd	#d2be99	#d2be99	#b8ff4c	#b8ff4c	#94da28	#94da28
#f7e7c8	#f7e7c8	#af9e7f	#af9e7f	#c4ff6a	#c4ff6a	#7bb621	#7bb621
#f9ecd3	#f9ecd3	#8c7e66	#8c7e66	#d0ff88	#d0ff88	#62911a	#62911a
#faf0de	#faf0de	#695f4c	#695f4c	#dbffa5	#dbffa5	#4a6d14	#4a6d14
#fcf5e9	#fcf5e9	#463f33	#463f33	#e7ffc3	#e7ffc3	#31480d	#31480d
#fdfaf4	#fdfaf4	#231f19	#231f19	#f3ffe1	#f3ffe1	#182406	#182406
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #f5deb3 und Farbwert #adff2f

Wechsel der Umrandung bei Hover von HTML-Tag a

Einen Link erzeugen Sie mit HTML-Tag <a>. Er kann farblich gestaltet und hervorgehoben werden.

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

In diesem Beispiel umranden wir <a> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbwert #f5deb3.

<style type="text/css"><!--
  a { border:4px dotted #f5deb3; }
//-->
</style>

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

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

Weiteres zum Thema a finden Sie in Verweise und Protokolle in HTML. Die Beschreibung vom Befehl a erfahren Sie in der HTML Referenz unter <a>.