Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffefd5 und Farbwert #ff00ff

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 #ffefd5			Schriftfarbwert #ff00ff
Detail	:	Hintergrund #ffefd5	Detail	:	Schrift #ff00ff
Farbwert	:	#ffefd5	Farbwert	:	#ff00ff
Farbe	:	papayawhip	Farbe	:	fuchsia
HTML	:	#ffefd5	HTML	:	#ff00ff
HTML (Wert)	:	#ffefd5	HTML (Wert)	:	#ff00ff
CSS	:	#ffefd5	CSS	:	#ff00ff
CSS (Wert)	:	#ffefd5	CSS (Wert)	:	#ff00ff
CSS (kürzest)	:	#ffefd5	CSS (kürzest)	:	#f0f
CSS (RGB)	:	rgb(255,239,213)	CSS (RGB)	:	rgb(255,0,255)
CSS (%RGB)	:	rgb(100%,93%,83%)	CSS (%RGB)	:	rgb(100%,0%,100%)

Verlauf Hintergrundfarbwert #ffefd5 nach Schriftfarbwert #ff00ff
#ffefd5	#ffccdb	#ffaae1	#ff88e7	#ff66ed	#ff44f3	#ff22f9	#ff00ff
#ffefd5	#ffccdb	#ffaae1	#ff88e7	#ff66ed	#ff44f3	#ff22f9	#ff00ff

Kombination von #ffefd5 und #ff00ff
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras id velit ante.				Die Ähnlichkeit der Farben #ff00ff und #ffefd5 ergibt sich zu 86.80%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 13.20%. #ff00ff ist nicht als Schriftfarbe auf Hintergrund #ffefd5 geeignet, da der Unterschied in den Farben nicht ausreichend ist

Hintergrundfarbwert #ffefd5				Schriftfarbwert #ff00ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffefd5	#ffefd5	#ffefd5	#ffefd5	#ff00ff	#ff00ff	#ff00ff	#ff00ff
#fff1db	#fff1db	#daccb6	#daccb6	#ff24ff	#ff24ff	#da00da	#da00da
#fff3e1	#fff3e1	#b6aa98	#b6aa98	#ff48ff	#ff48ff	#b600b6	#b600b6
#fff5e7	#fff5e7	#918879	#918879	#ff6dff	#ff6dff	#910091	#910091
#fff8ed	#fff8ed	#6d665b	#6d665b	#ff91ff	#ff91ff	#6d006d	#6d006d
#fffaf3	#fffaf3	#48443c	#48443c	#ffb6ff	#ffb6ff	#480048	#480048
#fffcf9	#fffcf9	#24221e	#24221e	#ffdaff	#ffdaff	#240024	#240024
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #ffefd5 und Farbwert #ff00ff

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl a

Einen Hyperlink setzt man mit HTML-Tag <a>. Diesen können Sie farblich gestalten.

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

Wir ändern zum Beispiel die Hintergrundfarbe von <a> auf Farbwert #ffefd5 und vergrößern die Größe der Schrift auf 128%.

<style type="text/css"><!--
  a { 
    font-size: 128%; 
    background-color: #ffefd5;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #ff00ff gesetzt wird.

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

Mehr zu a können Sie in Verweise und Protokolle in HTML nachsehen. Weiteres zum HTML-Tag a ist in der HTML Referenz bei <a> genau beschrieben.