Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffdead und Farbwert #66cdaa

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 #66cdaa
Detail	:	Hintergrund #ffdead	Detail	:	Schrift #66cdaa
Farbwert	:	#ffdead	Farbwert	:	#66cdaa
Farbe	:	navajowhite	Farbe	:	mediumaquamarine
HTML	:	#ffdead	HTML	:	#66cdaa
HTML (Wert)	:	#ffdead	HTML (Wert)	:	#66cdaa
CSS	:	#ffdead	CSS	:	#66cdaa
CSS (Wert)	:	#ffdead	CSS (Wert)	:	#66cdaa
CSS (kürzest)	:	#ffdead	CSS (kürzest)	:	#66cdaa
CSS (RGB)	:	rgb(255,222,173)	CSS (RGB)	:	rgb(102,205,170)
CSS (%RGB)	:	rgb(100%,87%,67%)	CSS (%RGB)	:	rgb(40%,80%,66%)

Verlauf Hintergrundfarbwert #ffdead nach Schriftfarbwert #66cdaa
#ffdead	#e9dbac	#d3d9ac	#bdd6ab	#a7d4ab	#91d1aa	#7bcfaa	#66cdaa
#ffdead	#e9dbac	#d3d9ac	#bdd6ab	#a7d4ab	#91d1aa	#7bcfaa	#66cdaa

Kombination von #ffdead und #66cdaa
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#66cdaa eignet sich nicht als Schriftfarbe auf Hintergrund #ffdead. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug. Die Ähnlichkeit der Farben #66cdaa und #ffdead ergibt sich zu 92.86%. Die Lesbarkeit dieser Kombination ergibt sich zu 7.14%.

Hintergrundfarbwert #ffdead				Schriftfarbwert #66cdaa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdead	#ffdead	#ffdead	#ffdead	#66cdaa	#66cdaa	#66cdaa	#66cdaa
#ffe2b8	#ffe2b8	#dabe94	#dabe94	#7bd4b6	#7bd4b6	#57af91	#57af91
#ffe7c4	#ffe7c4	#b69e7b	#b69e7b	#91dbc2	#91dbc2	#489279	#489279
#ffecd0	#ffecd0	#917e62	#917e62	#a7e2ce	#a7e2ce	#3a7561	#3a7561
#fff0db	#fff0db	#6d5f4a	#6d5f4a	#bde9da	#bde9da	#2b5748	#2b5748
#fff5e7	#fff5e7	#483f31	#483f31	#d3f0e6	#d3f0e6	#1d3a30	#1d3a30
#fffaf3	#fffaf3	#241f18	#241f18	#e9f7f2	#e9f7f2	#0e1d18	#0e1d18
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffdead und Farbwert #66cdaa

Füllen und Umranden von HTML-Befehl del

Hier umranden wir <del> mit einem . Den Hintergrund von <del> färben wir mit Farbwert #ffdead. Das geht mit HTML kaum. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  del { 
    border-color: #66cdaa; 
    border-width: 3pt; 
    background-color: #ffdead; 
    border-style: groove;
  }
//-->
</style>

Einzelheiten vom hier gezeigten HTML-Tag <del>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl p

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

Als Beispiel legen wir Farbwert #ffdead als Hintergrundfarbe von <p> fest. Die Schriftgröße verringern wir auf 86%.

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

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #66cdaa geändert wird.

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

Weiteres zu p können Sie in Grundlegende Gestaltungselemente in HTML lesen. Mehr zum hier gezeigten Befehl p lesen Sie in der HTML Referenz unter <p>.