Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fdf5e6 und Farbe lightseagreen

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 #fdf5e6			Schriftfarbe lightseagreen
Detail	:	Hintergrund #fdf5e6	Detail	:	Schrift lightseagreen
Farbwert	:	#fdf5e6	Farbe	:	lightseagreen
Farbe	:	oldlace	Farbwert	:	#20b2aa
HTML	:	#fdf5e6	HTML	:	lightseagreen
HTML (Wert)	:	#fdf5e6	HTML (Wert)	:	#20b2aa
CSS	:	#fdf5e6	CSS	:	lightseagreen
CSS (Wert)	:	#fdf5e6	CSS (Wert)	:	#20b2aa
CSS (kürzest)	:	#fdf5e6	CSS (kürzest)	:	#20b2aa
CSS (RGB)	:	rgb(253,245,230)	CSS (RGB)	:	rgb(32,178,170)
CSS (%RGB)	:	rgb(99%,96%,90%)	CSS (%RGB)	:	rgb(12%,69%,66%)

Verlauf Hintergrundfarbwert #fdf5e6 nach Schriftfarbe lightseagreen
#fdf5e6	#ddebdd	#bde1d4	#9ed8cc	#7ecec3	#5fc5bb	#3fbbb2	#20b2aa
#fdf5e6	#ddebdd	#bde1d4	#9ed8cc	#7ecec3	#5fc5bb	#3fbbb2	#20b2aa

Kombination von #fdf5e6 und lightseagreen
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit von lightseagreen und #fdf5e6 ergibt sich zu 88.48%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 11.52%. Auf Hintergrund #fdf5e6 ist lightseagreen ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Hintergrundfarbwert #fdf5e6				Schriftfarbe lightseagreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fdf5e6	#fdf5e6	#fdf5e6	#fdf5e6	#20b2aa	#20b2aa	#20b2aa	#20b2aa
#fdf6e9	#fdf6e9	#d8d2c5	#d8d2c5	#3fbdb6	#3fbdb6	#1b9891	#1b9891
#fdf7ed	#fdf7ed	#b4afa4	#b4afa4	#5fc8c2	#5fc8c2	#167f79	#167f79
#fdf9f0	#fdf9f0	#908c83	#908c83	#7fd3ce	#7fd3ce	#126561	#126561
#fefaf4	#fefaf4	#6c6962	#6c6962	#9fdeda	#9fdeda	#0d4c48	#0d4c48
#fefcf7	#fefcf7	#484641	#484641	#bfe9e6	#bfe9e6	#093230	#093230
#fefdfb	#fefdfb	#242320	#242320	#dff4f2	#dff4f2	#041918	#041918
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #fdf5e6 und Farbe lightseagreen

Wechsel der Hintergrundfarbe bei Hover mit Befehl a

Mit Tag <a> wird ein Hyperlink erzeugt. Diesen können Sie hervorheben und farblich gestalten.

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

Wir setzen hier die Hintergrundfarbe von <a> auf Farbwert #fdf5e6 und ändern die Größe der Schrift auf 13px.

<style type="text/css"><!--
  a { 
    font-size:13px; 
    background-color:#fdf5e6;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu lightseagreen ändert.

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

Weiteres zum Thema lesen Sie in Verweise und Protokolle in HTML. Beschreibung des Tag <a>.