Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffdead und Farbwert #20b2aa

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 #ffdead			Schriftfarbwert #20b2aa
Detail	:	Hintergrund #ffdead	Detail	:	Schrift #20b2aa
Farbwert	:	#ffdead	Farbwert	:	#20b2aa
Farbe	:	navajowhite	Farbe	:	lightseagreen
HTML	:	#ffdead	HTML	:	#20b2aa
HTML (Wert)	:	#ffdead	HTML (Wert)	:	#20b2aa
CSS	:	#ffdead	CSS	:	#20b2aa
CSS (Wert)	:	#ffdead	CSS (Wert)	:	#20b2aa
CSS (kürzest)	:	#ffdead	CSS (kürzest)	:	#20b2aa
CSS (RGB)	:	rgb(255,222,173)	CSS (RGB)	:	rgb(32,178,170)
CSS (%RGB)	:	rgb(100%,87%,67%)	CSS (%RGB)	:	rgb(12%,69%,66%)

Verlauf Hintergrundfarbwert #ffdead nach Schriftfarbwert #20b2aa
#ffdead	#dfd7ac	#bfd1ac	#9fcbab	#7fc4ab	#5fbeaa	#3fb8aa	#20b2aa
#ffdead	#dfd7ac	#bfd1ac	#9fcbab	#7fc4ab	#5fbeaa	#3fb8aa	#20b2aa

Kombination von #ffdead und #20b2aa
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				Auf Hintergrund #ffdead ist #20b2aa ungeeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit von #20b2aa und #ffdead ergibt sich zu 90.31%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 9.69%.

Hintergrundfarbwert #ffdead				Schriftfarbwert #20b2aa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdead	#ffdead	#ffdead	#ffdead	#20b2aa	#20b2aa	#20b2aa	#20b2aa
#ffe2b8	#ffe2b8	#dabe94	#dabe94	#3fbdb6	#3fbdb6	#1b9891	#1b9891
#ffe7c4	#ffe7c4	#b69e7b	#b69e7b	#5fc8c2	#5fc8c2	#167f79	#167f79
#ffecd0	#ffecd0	#917e62	#917e62	#7fd3ce	#7fd3ce	#126561	#126561
#fff0db	#fff0db	#6d5f4a	#6d5f4a	#9fdeda	#9fdeda	#0d4c48	#0d4c48
#fff5e7	#fff5e7	#483f31	#483f31	#bfe9e6	#bfe9e6	#093230	#093230
#fffaf3	#fffaf3	#241f18	#241f18	#dff4f2	#dff4f2	#041918	#041918
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #ffdead und Farbwert #20b2aa

Wechsel der Hintergrundfarbe bei Hover von Tag p

Die Hintergrundfarbe soll sich von Farbwert #ffdead auf Farbwert #20b2aa ändern, wenn man mit der Maus auf <p> zeigt. Bereiten wir zunächst die Darstellung von <p> in Farbwert #ffdead vor.

Z.B. legen wir Farbwert #ffdead als Hintergrundfarbe von <p> fest. Die Textfarbe lassen wir unverändert, ändern jedoch die Schriftart auf arial.

<style type="text/css"><!--
  p { 
    font-family: arial; 
    background-color: #ffdead;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #20b2aa geändert wird.

<style type="text/css"><!--
  p:hover { 
    background-color:#20b2aa;
  }
//-->
</style>

Mehr zu p lesen Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier genutzten Befehl <p>.