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

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 #66cdaa			Schriftfarbwert #faebd7
Detail	:	Hintergrund #66cdaa	Detail	:	Schrift #faebd7
Farbwert	:	#66cdaa	Farbwert	:	#faebd7
Farbe	:	mediumaquamarine	Farbe	:	antiquewhite
HTML	:	#66cdaa	HTML	:	#faebd7
HTML (Wert)	:	#66cdaa	HTML (Wert)	:	#faebd7
CSS	:	#66cdaa	CSS	:	#faebd7
CSS (Wert)	:	#66cdaa	CSS (Wert)	:	#faebd7
CSS (kürzest)	:	#66cdaa	CSS (kürzest)	:	#faebd7
CSS (RGB)	:	rgb(102,205,170)	CSS (RGB)	:	rgb(250,235,215)
CSS (%RGB)	:	rgb(40%,80%,66%)	CSS (%RGB)	:	rgb(98%,92%,84%)

Verlauf Hintergrundfarbwert #66cdaa nach Schriftfarbwert #faebd7
#66cdaa	#7bd1b0	#90d5b6	#a5d9bd	#badec3	#cfe2ca	#e4e6d0	#faebd7
#66cdaa	#7bd1b0	#90d5b6	#a5d9bd	#badec3	#cfe2ca	#e4e6d0	#faebd7

Kombination von #66cdaa und #faebd7
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#faebd7 ist nicht als Schriftfarbe auf Hintergrund #66cdaa geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit von #faebd7 und #66cdaa ergibt sich zu 92.15%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 7.85%.

Hintergrundfarbwert #66cdaa				Schriftfarbwert #faebd7
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#66cdaa	#66cdaa	#66cdaa	#66cdaa	#faebd7	#faebd7	#faebd7	#faebd7
#7bd4b6	#7bd4b6	#57af91	#57af91	#faeddc	#faeddc	#d6c9b8	#d6c9b8
#91dbc2	#91dbc2	#489279	#489279	#fbf0e2	#fbf0e2	#b2a799	#b2a799
#a7e2ce	#a7e2ce	#3a7561	#3a7561	#fcf3e8	#fcf3e8	#8e867a	#8e867a
#bde9da	#bde9da	#2b5748	#2b5748	#fcf6ed	#fcf6ed	#6b645c	#6b645c
#d3f0e6	#d3f0e6	#1d3a30	#1d3a30	#fdf9f3	#fdf9f3	#47433d	#47433d
#e9f7f2	#e9f7f2	#0e1d18	#0e1d18	#fefcf9	#fefcf9	#23211e	#23211e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag h6

Mit Tag <h6> wird eine Überschrift gesetzt. Diese kann hervorgehoben und farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbwert #66cdaa auf Farbwert #faebd7 ändern, wenn man mit der Maus auf <h6> zeigt. Wir bereiten zunächst eine Darstellung von <h6> in Farbwert #66cdaa vor.

Wir legen in diesem Beispiel bei <h6> die Hintergrundfarbe auf Farbwert #66cdaa fest. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  h6 { 
    background-color: #66cdaa; 
    font-family: sans-serif;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe zu #faebd7 ändert.

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

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier verwendeten Befehl h6 lesen Sie in der HTML Referenz unter <h6>.

Füllen und Umranden von HTML-Befehl h3

Mit Befehl <h3> wird eine Überschrift der 3. Stufe gesetzt und kann farblich gestaltet werden.

Für dieses Beispiel umranden wir <h3> mit einem . Den Hintergrund von <h3> färben wir mit Farbwert #66cdaa. In HTML geht das nicht. Deshalb verwenden wir dafür CSS.

<style type="text/css"><!--
  h3 { 
    border-color:#faebd7; 
    background-color:#66cdaa; 
    border-style:dotted; 
    border-width:3px;
  }
//-->
</style>

Weiteres zum Thema h3 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung des hier gezeigten Tag h3 lesen Sie in der HTML Referenz unter <h3>.