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

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 coral
Detail	:	Hintergrund #66cdaa	Detail	:	Schrift coral
Farbwert	:	#66cdaa	Farbe	:	coral
Farbe	:	mediumaquamarine	Farbwert	:	#ff7f50
HTML	:	#66cdaa	HTML	:	coral
HTML (Wert)	:	#66cdaa	HTML (Wert)	:	#ff7f50
CSS	:	#66cdaa	CSS	:	coral
CSS (Wert)	:	#66cdaa	CSS (Wert)	:	#ff7f50
CSS (kürzest)	:	#66cdaa	CSS (kürzest)	:	#ff7f50
CSS (RGB)	:	rgb(102,205,170)	CSS (RGB)	:	rgb(255,127,80)
CSS (%RGB)	:	rgb(40%,80%,66%)	CSS (%RGB)	:	rgb(100%,49%,31%)

Verlauf Hintergrundfarbwert #66cdaa nach Schriftfarbe coral
#66cdaa	#7bc19d	#91b690	#a7ab83	#bda076	#d39569	#e98a5c	#ff7f50
#66cdaa	#7bc19d	#91b690	#a7ab83	#bda076	#d39569	#e98a5c	#ff7f50

Kombination von #66cdaa und coral
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				Die Ähnlichkeit der Farben coral und #66cdaa beträgt 93.84%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 6.16%. Auf Hintergrund #66cdaa ist coral ungeeignet, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #66cdaa				Schriftfarbe coral
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#66cdaa	#66cdaa	#66cdaa	#66cdaa	#ff7f50	#ff7f50	#ff7f50	#ff7f50
#7bd4b6	#7bd4b6	#57af91	#57af91	#ff9169	#ff9169	#da6c44	#da6c44
#91dbc2	#91dbc2	#489279	#489279	#ffa382	#ffa382	#b65a39	#b65a39
#a7e2ce	#a7e2ce	#3a7561	#3a7561	#ffb59b	#ffb59b	#91482d	#91482d
#bde9da	#bde9da	#2b5748	#2b5748	#ffc8b4	#ffc8b4	#6d3622	#6d3622
#d3f0e6	#d3f0e6	#1d3a30	#1d3a30	#ffdacd	#ffdacd	#482416	#482416
#e9f7f2	#e9f7f2	#0e1d18	#0e1d18	#ffece6	#ffece6	#24120b	#24120b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #66cdaa und Farbe coral

Hintergrund/Text-Kombination von HTML-Tag dt

Wir ändern hier die Textfarbe von <dt> auf Farbe coral und die Hintergrundfarbe von <dt> auf Farbwert #66cdaa. Als Schriftart setzen wir courier new und erhöhen die Schriftgröße auf 127%.

<style type="text/css"><!--
  dt { 
    color: coral; 
    font-family: courier new; 
    font-size: 127%; 
    background-color: #66cdaa;
  }
//-->
</style>

Weiteres zu dt können Sie in Listen und Glossare in HTML nachsehen. Möglichkeiten des HTML-Befehl dt sind in der HTML Referenz unter <dt> zusammengestellt.

Wechsel der Textfarbe bei Hover bei HTML-Tag a

Einen Verweis erzeugen Sie mit HTML-Befehl <a>. Er kann farblich gestaltet und hervorgehoben werden.

Die Textfarbe soll sich von Farbwert #66cdaa auf Farbe coral ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst die Darstellung von <a> in Farbwert #66cdaa vor.

Als Beispiel legen wir Farbwert #66cdaa als Textfarbe von <a> fest. Die Größe der Schrift verkleinern wir auf 81%.

<style type="text/css"><!--
  a { 
    color:#66cdaa; 
    font-size:81%;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf coral gesetzt wird.

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

Mehr zum Thema können Sie in Verweise und Protokolle in HTML nachlesen. Möglichkeiten vom hier gezeigten Tag <a>.