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

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 #ffc0cb
Detail	:	Hintergrund azure	Detail	:	Schrift #ffc0cb
Farbe	:	azure	Farbwert	:	#ffc0cb
Farbwert	:	#f0ffff	Farbe	:	pink
HTML	:	azure	HTML	:	#ffc0cb
HTML (Wert)	:	#f0ffff	HTML (Wert)	:	#ffc0cb
CSS	:	azure	CSS	:	#ffc0cb
CSS (Wert)	:	#f0ffff	CSS (Wert)	:	#ffc0cb
CSS (kürzest)	:	#f0ffff	CSS (kürzest)	:	#ffc0cb
CSS (RGB)	:	rgb(240,255,255)	CSS (RGB)	:	rgb(255,192,203)
CSS (%RGB)	:	rgb(94%,100%,100%)	CSS (%RGB)	:	rgb(100%,75%,79%)

Verlauf Hintergrundfarbe azure nach Schriftfarbwert #ffc0cb
#f0ffff	#f2f6f7	#f4edf0	#f6e4e8	#f8dbe1	#fad2d9	#fcc9d2	#ffc0cb
#f0ffff	#f2f6f7	#f4edf0	#f6e4e8	#f8dbe1	#fad2d9	#fcc9d2	#ffc0cb

Kombination von azure und #ffc0cb
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#ffc0cb eignet sich nicht als Schriftfarbe auf Hintergrund azure, weil sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #ffc0cb und azure beträgt 92.87%. Die Lesbarkeit dieser Farbkombination liegt damit bei 7.13%.

Hintergrundfarbe azure				Schriftfarbwert #ffc0cb
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0ffff	#f0ffff	#f0ffff	#f0ffff	#ffc0cb	#ffc0cb	#ffc0cb	#ffc0cb
#f2ffff	#f2ffff	#cddada	#cddada	#ffc9d2	#ffc9d2	#daa4ae	#daa4ae
#f4ffff	#f4ffff	#abb6b6	#abb6b6	#ffd2d9	#ffd2d9	#b68991	#b68991
#f6ffff	#f6ffff	#899191	#899191	#ffdbe1	#ffdbe1	#916d74	#916d74
#f8ffff	#f8ffff	#666d6d	#666d6d	#ffe4e8	#ffe4e8	#6d5257	#6d5257
#faffff	#faffff	#444848	#444848	#ffedf0	#ffedf0	#48363a	#48363a
#fcffff	#fcffff	#222424	#222424	#fff6f7	#fff6f7	#241b1d	#241b1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe azure und Farbwert #ffc0cb

Wechsel der Textfarbe bei Hover von HTML-Befehl a

Mit HTML-Tag <a> wird ein Verweis gesetzt. Dieser kann farblich gestaltet und hervorgehoben werden.

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

Wir legen in diesem Beispiel Farbe azure als Textfarbe von <a> fest. Zwar lassen wir die Hintergrundfarbe unverändert, setzen jedoch die Schriftart auf courier new und ändern die Schriftgröße auf 11pt.

<style type="text/css"><!--
  a { 
    font-size: 11pt; 
    color: azure; 
    font-family: courier new;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Textfarbe auf #ffc0cb geändert wird.

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

Weiteres zu a finden Sie in Verweise und Protokolle in HTML. Mehr zum HTML-Befehl a ist in der HTML Referenz unter <a> genau gezeigt.

Füllen und Umranden mit HTML-Tag textarea

Bei diesem Beispiel umranden wir <textarea> mit einem gestrichelten, 4 Pixel dicken Rahmen in Farbwert #ffc0cb . Den Hintergrund von <textarea> färben wir mit Farbe azure. Dies ist in HTML so kaum möglich. Deshalb verwenden wir hierfür CSS.

<style type="text/css"><!--
  textarea { 
    border-color: #ffc0cb; 
    border-style: dashed; 
    background-color: azure; 
    border-width: 4px;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Formulare in HTML. Einzelheiten vom Tag textarea lesen Sie in der HTML Referenz unter <textarea>.