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

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			Schriftfarbe ghostwhite
Detail	:	Hintergrund #66cdaa	Detail	:	Schrift ghostwhite
Farbwert	:	#66cdaa	Farbe	:	ghostwhite
Farbe	:	mediumaquamarine	Farbwert	:	#f8f8ff
HTML	:	#66cdaa	HTML	:	ghostwhite
HTML (Wert)	:	#66cdaa	HTML (Wert)	:	#f8f8ff
CSS	:	#66cdaa	CSS	:	ghostwhite
CSS (Wert)	:	#66cdaa	CSS (Wert)	:	#f8f8ff
CSS (kürzest)	:	#66cdaa	CSS (kürzest)	:	#f8f8ff
CSS (RGB)	:	rgb(102,205,170)	CSS (RGB)	:	rgb(248,248,255)
CSS (%RGB)	:	rgb(40%,80%,66%)	CSS (%RGB)	:	rgb(97%,97%,100%)

Verlauf Hintergrundfarbwert #66cdaa nach Schriftfarbe ghostwhite
#66cdaa	#7ad3b6	#8fd9c2	#a4dfce	#b9e5da	#ceebe6	#e3f1f2	#f8f8ff
#66cdaa	#7ad3b6	#8fd9c2	#a4dfce	#b9e5da	#ceebe6	#e3f1f2	#f8f8ff

Kombination von #66cdaa und ghostwhite
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben ghostwhite und #66cdaa ergibt sich zu 91.31%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 8.69%. ghostwhite eignet sich nicht als Schriftfarbe auf Hintergrund #66cdaa. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbwert #66cdaa				Schriftfarbe ghostwhite
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#66cdaa	#66cdaa	#66cdaa	#66cdaa	#f8f8ff	#f8f8ff	#f8f8ff	#f8f8ff
#7bd4b6	#7bd4b6	#57af91	#57af91	#f9f9ff	#f9f9ff	#d4d4da	#d4d4da
#91dbc2	#91dbc2	#489279	#489279	#fafaff	#fafaff	#b1b1b6	#b1b1b6
#a7e2ce	#a7e2ce	#3a7561	#3a7561	#fbfbff	#fbfbff	#8d8d91	#8d8d91
#bde9da	#bde9da	#2b5748	#2b5748	#fcfcff	#fcfcff	#6a6a6d	#6a6a6d
#d3f0e6	#d3f0e6	#1d3a30	#1d3a30	#fdfdff	#fdfdff	#464648	#464648
#e9f7f2	#e9f7f2	#0e1d18	#0e1d18	#fefeff	#fefeff	#232324	#232324
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #66cdaa und Farbe ghostwhite

Füllen und Umranden von HTML-Befehl dt

In diesem Beispiel umranden wir <dt> mit einem gefurchten, 1 Punkte dicken Rahmen in Farbe ghostwhite . Die Hintergrundfarbe für <dt> setzen wir auf Farbwert #66cdaa. Dies geht in HTML kaum. Deshalb verwenden wir hier CSS.

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

Mehr zum Thema dt lesen Sie in Listen und Glossare in HTML. Möglichkeiten vom Tag <dt>.

Wechsel der Hintergrundfarbe bei Hover von Tag h5

Mit Befehl <h5> erzeugen Sie eine Überschrift der 5. Stufe. Diese kann man hervorheben und farblich gestalten.

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

Zum Beispiel legen wir bei <h5> die Hintergrundfarbe auf Farbwert #66cdaa fest.

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

Nun stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe zu ghostwhite ändert.

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

Mehr zum Thema h5 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Mehr zum hier gezeigten HTML-Tag h5 ist in der HTML Referenz unter <h5> ausführlich gezeigt.