Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightcyan und Farbwert #fafad2

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 lightcyan			Schriftfarbwert #fafad2
Detail	:	Hintergrund lightcyan	Detail	:	Schrift #fafad2
Farbe	:	lightcyan	Farbwert	:	#fafad2
Farbwert	:	#e0ffff	Farbe	:	lightgoldenrodyellow
HTML	:	lightcyan	HTML	:	#fafad2
HTML (Wert)	:	#e0ffff	HTML (Wert)	:	#fafad2
CSS	:	lightcyan	CSS	:	#fafad2
CSS (Wert)	:	#e0ffff	CSS (Wert)	:	#fafad2
CSS (kürzest)	:	#e0ffff	CSS (kürzest)	:	#fafad2
CSS (RGB)	:	rgb(224,255,255)	CSS (RGB)	:	rgb(250,250,210)
CSS (%RGB)	:	rgb(87%,100%,100%)	CSS (%RGB)	:	rgb(98%,98%,82%)

Verlauf Hintergrundfarbe lightcyan nach Schriftfarbwert #fafad2
#e0ffff	#e3fef8	#e7fdf2	#ebfceb	#eefce5	#f2fbde	#f6fad8	#fafad2
#e0ffff	#e3fef8	#e7fdf2	#ebfceb	#eefce5	#f2fbde	#f6fad8	#fafad2

Kombination von lightcyan und #fafad2
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				#fafad2 ist nicht als Schriftfarbe auf Hintergrund lightcyan geeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit von #fafad2 und lightcyan ergibt sich zu 95.18%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 4.82%.

Hintergrundfarbe lightcyan				Schriftfarbwert #fafad2
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e0ffff	#e0ffff	#e0ffff	#e0ffff	#fafad2	#fafad2	#fafad2	#fafad2
#e4ffff	#e4ffff	#c0dada	#c0dada	#fafad8	#fafad8	#d6d6b4	#d6d6b4
#e8ffff	#e8ffff	#a0b6b6	#a0b6b6	#fbfbde	#fbfbde	#b2b296	#b2b296
#edffff	#edffff	#809191	#809191	#fcfce5	#fcfce5	#8e8e78	#8e8e78
#f1ffff	#f1ffff	#606d6d	#606d6d	#fcfceb	#fcfceb	#6b6b5a	#6b6b5a
#f6ffff	#f6ffff	#404848	#404848	#fdfdf2	#fdfdf2	#47473c	#47473c
#faffff	#faffff	#202424	#202424	#fefef8	#fefef8	#23231e	#23231e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightcyan und Farbwert #fafad2

Text- und Unterstreichungsfarben mit Tag ins

Hier ändern wir die Textfarbe von <ins> auf Farbwert #fafad2. Die Schriftart setzen wir auf arial und setzen die Schriftgröße auf 92%. Wir unterstreichen den Inhalt von <ins> mit Hilfe eines gefurchten Rahmens mit 1 Pixel Dicke in Farbe lightcyan. Dies ist mit HTML kaum möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  ins { 
    color:#fafad2; 
    font-size:92%; 
    font-family:arial; 
    border-bottom:1px groove lightcyan;
  }
//-->
</style>

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

Mehr zum Befehl ins finden Sie in der HTML Referenz unter <ins>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag a

Ein Verweis wird mit HTML-Tag <a> gesetzt. Diesen kann man farblich gestalten.

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

In diesem Beispiel setzen wir die Hintergrundfarbe von <a> auf Farbe lightcyan. Die Textfarbe behalten wir bei. Die Schriftart ändern wir auf courier new. Die Schriftgröße erhöhen wir auf 122%.

<style type="text/css"><!--
  a { 
    background-color:lightcyan; 
    font-size:122%; 
    font-family:courier new;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #fafad2 gesetzt wird.

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

Weiteres zum Thema a lesen Sie in Verweise und Protokolle in HTML. Einzelheiten vom Tag a sind in der HTML Referenz bei <a> ausführlich gezeigt.