Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #cd853f und Farbe aqua

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #cd853f			Schriftfarbe aqua
Detail	:	Hintergrund #cd853f	Detail	:	Schrift aqua
Farbwert	:	#cd853f	Farbe	:	aqua
Farbe	:	peru	Farbwert	:	#00ffff
HTML	:	#cd853f	HTML	:	aqua
HTML (Wert)	:	#cd853f	HTML (Wert)	:	#00ffff
CSS	:	#cd853f	CSS	:	aqua
CSS (Wert)	:	#cd853f	CSS (Wert)	:	#00ffff
CSS (kürzest)	:	#cd853f	CSS (kürzest)	:	#0ff
CSS (RGB)	:	rgb(205,133,63)	CSS (RGB)	:	rgb(0,255,255)
CSS (%RGB)	:	rgb(80%,52%,24%)	CSS (%RGB)	:	rgb(0%,100%,100%)

Verlauf Hintergrundfarbwert #cd853f nach Schriftfarbe aqua
#cd853f	#af965a	#92a775	#75b991	#57caac	#3adcc8	#1dede3	#00ffff
#cd853f	#af965a	#92a775	#75b991	#57caac	#3adcc8	#1dede3	#00ffff

Kombination von #cd853f und aqua
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				aqua ist nicht als Schriftfarbe auf Hintergrund #cd853f geeignet. Zwar ist der Farbunterschied ok, der Helligkeitsunterschied ist jedoch zu gering. Die Ähnlichkeit der Farben aqua und #cd853f beträgt 88.64%. Die Lesbarkeit dieser Kombination liegt damit bei 11.36%.

Hintergrundfarbwert #cd853f				Schriftfarbe aqua
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd853f	#cd853f	#cd853f	#cd853f	#00ffff	#00ffff	#00ffff	#00ffff
#d4965a	#d4965a	#af7236	#af7236	#24ffff	#24ffff	#00dada	#00dada
#dba775	#dba775	#925f2d	#925f2d	#48ffff	#48ffff	#00b6b6	#00b6b6
#e2b991	#e2b991	#754c24	#754c24	#6dffff	#6dffff	#009191	#009191
#e9caac	#e9caac	#57391b	#57391b	#91ffff	#91ffff	#006d6d	#006d6d
#f0dcc8	#f0dcc8	#3a2612	#3a2612	#b6ffff	#b6ffff	#004848	#004848
#f7ede3	#f7ede3	#1d1309	#1d1309	#daffff	#daffff	#002424	#002424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #cd853f und Farbe aqua

Füllen und Umranden bei Tag frameset

Bei diesem Beispiel umranden wir <frameset> mit einem . Die Hintergrundfarbe für <frameset> färben wir entsprechend mit Farbwert #cd853f. Das ist in HTML so kaum möglich. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  frameset { border:5px outset aqua; background-color:#cd853f; }
//-->
</style>

Beschreibung des Tag <frameset>.

Wechsel der Textfarbe bei Hover von Tag h2

Eine Überschrift setzt man mit HTML-Tag <h2>. Diese können Sie hervorheben und farblich gestalten.

Die Textfarbe soll sich von Farbwert #cd853f auf Farbe aqua ändern, wenn man mit der Maus auf <h2> zeigt. Bereiten wir zunächst eine Darstellung von <h2> in Farbwert #cd853f vor.

Wir legen als Beispiel Farbwert #cd853f als Textfarbe von <h2> fest. Die Schriftgröße ändern wir auf 11pt:

<style type="text/css"><!--
  h2 { 
    font-size: 11pt; 
    color: #cd853f;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf aqua gesetzt wird.

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

Weiteres zum Thema erfahren Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung vom hier gezeigten Befehl h2 erfahren Sie in der HTML Referenz unter <h2>.