Ressourcen: 120 HTML Farbnamen - Kombination von Farbe aquamarine 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 aquamarine			Schriftfarbwert #fafad2
Detail	:	Hintergrund aquamarine	Detail	:	Schrift #fafad2
Farbe	:	aquamarine	Farbwert	:	#fafad2
Farbwert	:	#7fffd4	Farbe	:	lightgoldenrodyellow
HTML	:	aquamarine	HTML	:	#fafad2
HTML (Wert)	:	#7fffd4	HTML (Wert)	:	#fafad2
CSS	:	aquamarine	CSS	:	#fafad2
CSS (Wert)	:	#7fffd4	CSS (Wert)	:	#fafad2
CSS (kürzest)	:	#7fffd4	CSS (kürzest)	:	#fafad2
CSS (RGB)	:	rgb(127,255,212)	CSS (RGB)	:	rgb(250,250,210)
CSS (%RGB)	:	rgb(49%,100%,83%)	CSS (%RGB)	:	rgb(98%,98%,82%)

Verlauf Hintergrundfarbe aquamarine nach Schriftfarbwert #fafad2
#7fffd4	#90fed3	#a2fdd3	#b3fcd3	#c5fcd2	#d6fbd2	#e8fad2	#fafad2
#7fffd4	#90fed3	#a2fdd3	#b3fcd3	#c5fcd2	#d6fbd2	#e8fad2	#fafad2

Kombination von aquamarine und #fafad2
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#fafad2 ist nicht als Schriftfarbe auf Hintergrund aquamarine geeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #fafad2 und aquamarine ergibt sich zu 94.54%. Die Lesbarkeit dieser Kombination liegt damit bei 5.46%.

Hintergrundfarbe aquamarine				Schriftfarbwert #fafad2
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7fffd4	#7fffd4	#7fffd4	#7fffd4	#fafad2	#fafad2	#fafad2	#fafad2
#91ffda	#91ffda	#6cdab5	#6cdab5	#fafad8	#fafad8	#d6d6b4	#d6d6b4
#a3ffe0	#a3ffe0	#5ab697	#5ab697	#fbfbde	#fbfbde	#b2b296	#b2b296
#b5ffe6	#b5ffe6	#489179	#489179	#fcfce5	#fcfce5	#8e8e78	#8e8e78
#c8ffec	#c8ffec	#366d5a	#366d5a	#fcfceb	#fcfceb	#6b6b5a	#6b6b5a
#dafff2	#dafff2	#24483c	#24483c	#fdfdf2	#fdfdf2	#47473c	#47473c
#ecfff8	#ecfff8	#12241e	#12241e	#fefef8	#fefef8	#23231e	#23231e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe aquamarine und Farbwert #fafad2

Wechsel der Umrandung bei Hover mit Tag frameset

Die Rahmenfarbe soll sich von Farbe aquamarine auf Farbwert #fafad2 ändern, wenn man mit der Maus auf <frameset> zeigt. Wir bereiten zunächst eine Darstellung von <frameset> in Farbe aquamarine vor.

In diesem Beispiel umranden wir <frameset> mit einem 5 Pixel dicken, gezahnten Rahmen in Farbe aquamarine.

<style type="text/css"><!--
  frameset { border:5px ridge aquamarine; }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Rahmenfarbe zu #fafad2 ändert.

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

Die Beschreibung des Tag frameset erfahren Sie in der HTML Referenz unter <frameset>.

Text- und Unterstreichungsfarben mit Tag a

Mit Befehl <a> erzeugen Sie einen Link. Dieser kann farblich gestaltet werden.

Wir ändern Hher die Textfarbe von <a> auf Farbwert #fafad2. Die Schriftart ändern wir auf verdana. Die Schriftgröße setzen wir auf 94%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines einfallenden Rahmens mit 1 Punkte Dicke in Farbe aquamarine. Mit HTML geht das nicht. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    font-family:verdana; 
    color:#fafad2; 
    font-size:94%; 
    border-bottom:1pt inset aquamarine;
  }
//-->
</style>

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

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML nachsehen. Zur Beschreibung des hier verwendeten Befehl <a>.