Ressourcen: 120 HTML Farbnamen - Kombination von Farbe azure und Farbwert #cd853f

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.

Hintergrundfarbe azure			Schriftfarbwert #cd853f
Detail	:	Hintergrund azure	Detail	:	Schrift #cd853f
Farbe	:	azure	Farbwert	:	#cd853f
Farbwert	:	#f0ffff	Farbe	:	peru
HTML	:	azure	HTML	:	#cd853f
HTML (Wert)	:	#f0ffff	HTML (Wert)	:	#cd853f
CSS	:	azure	CSS	:	#cd853f
CSS (Wert)	:	#f0ffff	CSS (Wert)	:	#cd853f
CSS (kürzest)	:	#f0ffff	CSS (kürzest)	:	#cd853f
CSS (RGB)	:	rgb(240,255,255)	CSS (RGB)	:	rgb(205,133,63)
CSS (%RGB)	:	rgb(94%,100%,100%)	CSS (%RGB)	:	rgb(80%,52%,24%)

Verlauf Hintergrundfarbe azure nach Schriftfarbwert #cd853f
#f0ffff	#ebede3	#e6dcc8	#e1caac	#dcb991	#d7a775	#d2965a	#cd853f
#f0ffff	#ebede3	#e6dcc8	#e1caac	#dcb991	#d7a775	#d2965a	#cd853f

Kombination von azure und #cd853f
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in.				#cd853f eignet sich nicht als Schriftfarbe auf Hintergrund azure. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #cd853f und azure ergibt sich zu 86.13%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 13.87%.

Hintergrundfarbe azure				Schriftfarbwert #cd853f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0ffff	#f0ffff	#f0ffff	#f0ffff	#cd853f	#cd853f	#cd853f	#cd853f
#f2ffff	#f2ffff	#cddada	#cddada	#d4965a	#d4965a	#af7236	#af7236
#f4ffff	#f4ffff	#abb6b6	#abb6b6	#dba775	#dba775	#925f2d	#925f2d
#f6ffff	#f6ffff	#899191	#899191	#e2b991	#e2b991	#754c24	#754c24
#f8ffff	#f8ffff	#666d6d	#666d6d	#e9caac	#e9caac	#57391b	#57391b
#faffff	#faffff	#444848	#444848	#f0dcc8	#f0dcc8	#3a2612	#3a2612
#fcffff	#fcffff	#222424	#222424	#f7ede3	#f7ede3	#1d1309	#1d1309
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe azure und Farbwert #cd853f

Wechsel der Umrandung bei Hover bei HTML-Befehl samp

Die Rahmenfarbe soll sich von Farbe azure auf Farbwert #cd853f ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <samp> in Farbe azure vor.

In diesem Beispiel umranden wir <samp> mit einem 1 Pixel dicken, gezahnten Rahmen in Farbe azure.

<style type="text/css"><!--
  samp { border:1px ridge azure; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe zu #cd853f ändert.

<style type="text/css"><!--
  samp:hover { 
    border-color:#cd853f;
  }
//-->
</style>

Mehr zu samp können Sie in Text in HTML erfahren. Weiteres zum hier genutzten HTML-Befehl samp ist in der HTML Referenz bei <samp> genau zusammengestellt.

Text- und Unterstreichungsfarben von HTML-Befehl caption

Hier ändern wir die Textfarbe von <caption> auf Farbwert #cd853f. Die Schriftart ändern wir auf arial. Die Schriftgröße erhöhen wir auf 119%. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines herausstehenden Rahmens mit 1 Pixel Dicke in Farbe azure. Das geht mit HTML kaum. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  caption { 
    font-family:arial; 
    border-bottom-width:1px; 
    color:#cd853f; 
    font-size:119%; 
    border-bottom-color:azure; 
    border-bottom-style:outset;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema caption können Sie in Tabellen in HTML nachlesen. Mehr zum HTML-Befehl caption lesen Sie in der HTML Referenz unter <caption>.