Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #7fffd4 und Farbwert #ffdead

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.

Hintergrundfarbwert #7fffd4			Schriftfarbwert #ffdead
Detail	:	Hintergrund #7fffd4	Detail	:	Schrift #ffdead
Farbwert	:	#7fffd4	Farbwert	:	#ffdead
Farbe	:	aquamarine	Farbe	:	navajowhite
HTML	:	#7fffd4	HTML	:	#ffdead
HTML (Wert)	:	#7fffd4	HTML (Wert)	:	#ffdead
CSS	:	#7fffd4	CSS	:	#ffdead
CSS (Wert)	:	#7fffd4	CSS (Wert)	:	#ffdead
CSS (kürzest)	:	#7fffd4	CSS (kürzest)	:	#ffdead
CSS (RGB)	:	rgb(127,255,212)	CSS (RGB)	:	rgb(255,222,173)
CSS (%RGB)	:	rgb(49%,100%,83%)	CSS (%RGB)	:	rgb(100%,87%,67%)

Verlauf Hintergrundfarbwert #7fffd4 nach Schriftfarbwert #ffdead
#7fffd4	#91face	#a3f5c8	#b5f0c3	#c8ecbd	#dae7b8	#ece2b2	#ffdead
#7fffd4	#91face	#a3f5c8	#b5f0c3	#c8ecbd	#dae7b8	#ece2b2	#ffdead

Kombination von #7fffd4 und #ffdead
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #7fffd4 ist #ffdead ungeeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit der Farben #ffdead und #7fffd4 ergibt sich zu 94.99%. Die Lesbarkeit dieser Kombination ergibt sich zu 5.01%.

Hintergrundfarbwert #7fffd4				Schriftfarbwert #ffdead
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7fffd4	#7fffd4	#7fffd4	#7fffd4	#ffdead	#ffdead	#ffdead	#ffdead
#91ffda	#91ffda	#6cdab5	#6cdab5	#ffe2b8	#ffe2b8	#dabe94	#dabe94
#a3ffe0	#a3ffe0	#5ab697	#5ab697	#ffe7c4	#ffe7c4	#b69e7b	#b69e7b
#b5ffe6	#b5ffe6	#489179	#489179	#ffecd0	#ffecd0	#917e62	#917e62
#c8ffec	#c8ffec	#366d5a	#366d5a	#fff0db	#fff0db	#6d5f4a	#6d5f4a
#dafff2	#dafff2	#24483c	#24483c	#fff5e7	#fff5e7	#483f31	#483f31
#ecfff8	#ecfff8	#12241e	#12241e	#fffaf3	#fffaf3	#241f18	#241f18
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #7fffd4 und Farbwert #ffdead

Füllen und Umranden von HTML-Befehl a

Einen Verweis setzt man mit HTML-Befehl <a>. Dieser kann hervorgehoben und farblich gestaltet werden.

Hier umranden wir <a> mit einem gestrichelten, 4 Pixel dicken Rahmen in Farbwert #ffdead . Den Hintergrund von <a> setzen wir auf Farbwert #7fffd4. Das geht mit HTML nicht. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  a { border:4px dashed #ffdead; background-color:#7fffd4; }
//-->
</style>

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML lesen. Möglichkeiten vom hier gezeigten HTML-Befehl a sind in der HTML Referenz unter <a> ausführlich zusammengestellt.

Wechsel der Umrandung bei Hover von Tag hr

Die Rahmenfarbe soll sich von Farbwert #7fffd4 auf Farbwert #ffdead ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <hr> in Farbwert #7fffd4 vor.

In diesem Beispiel umranden wir <hr> mit einem 3 Pixel dicken, doppelten Rahmen in Farbwert #7fffd4.

<style type="text/css"><!--
  hr { border:3px double #7fffd4; }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Rahmenfarbe auf #ffdead ändert.

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

Mehr zum Thema hr lesen Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung des Befehl hr finden Sie in der HTML Referenz unter <hr>.