Ressourcen: 120 HTML Farbnamen - Kombination von Farbe antiquewhite und Farbe lightcyan

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 antiquewhite			Schriftfarbe lightcyan
Detail	:	Hintergrund antiquewhite	Detail	:	Schrift lightcyan
Farbe	:	antiquewhite	Farbe	:	lightcyan
Farbwert	:	#faebd7	Farbwert	:	#e0ffff
HTML	:	antiquewhite	HTML	:	lightcyan
HTML (Wert)	:	#faebd7	HTML (Wert)	:	#e0ffff
CSS	:	antiquewhite	CSS	:	lightcyan
CSS (Wert)	:	#faebd7	CSS (Wert)	:	#e0ffff
CSS (kürzest)	:	#faebd7	CSS (kürzest)	:	#e0ffff
CSS (RGB)	:	rgb(250,235,215)	CSS (RGB)	:	rgb(224,255,255)
CSS (%RGB)	:	rgb(98%,92%,84%)	CSS (%RGB)	:	rgb(87%,100%,100%)

Verlauf Hintergrundfarbe antiquewhite nach Schriftfarbe lightcyan
#faebd7	#f6eddc	#f2f0e2	#eef3e8	#ebf6ed	#e7f9f3	#e3fcf9	#e0ffff
#faebd7	#f6eddc	#f2f0e2	#eef3e8	#ebf6ed	#e7f9f3	#e3fcf9	#e0ffff

Kombination von antiquewhite und lightcyan
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				Die Ähnlichkeit von lightcyan und antiquewhite beträgt 94.71%. Die Lesbarkeit dieser Kombination ergibt sich zu 5.29%. lightcyan eignet sich nicht als Schriftfarbe auf Hintergrund antiquewhite, weil sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe antiquewhite				Schriftfarbe lightcyan
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#faebd7	#faebd7	#faebd7	#faebd7	#e0ffff	#e0ffff	#e0ffff	#e0ffff
#faeddc	#faeddc	#d6c9b8	#d6c9b8	#e4ffff	#e4ffff	#c0dada	#c0dada
#fbf0e2	#fbf0e2	#b2a799	#b2a799	#e8ffff	#e8ffff	#a0b6b6	#a0b6b6
#fcf3e8	#fcf3e8	#8e867a	#8e867a	#edffff	#edffff	#809191	#809191
#fcf6ed	#fcf6ed	#6b645c	#6b645c	#f1ffff	#f1ffff	#606d6d	#606d6d
#fdf9f3	#fdf9f3	#47433d	#47433d	#f6ffff	#f6ffff	#404848	#404848
#fefcf9	#fefcf9	#23211e	#23211e	#faffff	#faffff	#202424	#202424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe antiquewhite und Farbe lightcyan

Füllen und Umranden bei Tag img

Bei diesem Beispiel umranden wir <img> mit einem . Den Hintergrund von <img> färben wir entsprechend mit Farbe antiquewhite. Dies ist mit HTML kaum möglich. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  img { border:3px dotted lightcyan; background-color:antiquewhite; }
//-->
</style>

Mehr zu img können Sie in Grafik in HTML erfahren. Die Beschreibung des hier verwendeten Befehl img finden Sie in der HTML Referenz unter <img>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl tbody

Die Hintergrundfarbe soll sich von Farbe antiquewhite auf Farbe lightcyan ändern, wenn man mit der Maus auf <tbody> zeigt. Wir bereiten zunächst eine Formatierung von <tbody> in Farbe antiquewhite vor.

Für dieses Beispiel legen wir Farbe antiquewhite als Hintergrundfarbe von <tbody> fest. Die Textfarbe behalten wir bei, ändern jedoch die Schriftart auf courier new.

<style type="text/css"><!--
  tbody { 
    background-color:antiquewhite; 
    font-family:courier new;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf lightcyan geändert wird.

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

Mehr zum Thema finden Sie in Tabellen in HTML. Mehr zum hier verwendeten Tag tbody finden Sie in der HTML Referenz unter <tbody>.