Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkcyan und Farbe beige

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe darkcyan			Schriftfarbe beige
Detail	:	Hintergrund darkcyan	Detail	:	Schrift beige
Farbe	:	darkcyan	Farbe	:	beige
Farbwert	:	#008b8b	Farbwert	:	#f5f5dc
HTML	:	darkcyan	HTML	:	beige
HTML (Wert)	:	#008b8b	HTML (Wert)	:	#f5f5dc
CSS	:	darkcyan	CSS	:	beige
CSS (Wert)	:	#008b8b	CSS (Wert)	:	#f5f5dc
CSS (kürzest)	:	#008b8b	CSS (kürzest)	:	#f5f5dc
CSS (RGB)	:	rgb(0,139,139)	CSS (RGB)	:	rgb(245,245,220)
CSS (%RGB)	:	rgb(0%,54%,54%)	CSS (%RGB)	:	rgb(96%,96%,86%)

Verlauf Hintergrundfarbe darkcyan nach Schriftfarbe beige
#008b8b	#239a96	#46a9a2	#69b8ad	#8cc7b9	#afd6c4	#d2e5d0	#f5f5dc
#008b8b	#239a96	#46a9a2	#69b8ad	#8cc7b9	#afd6c4	#d2e5d0	#f5f5dc

Kombination von darkcyan und beige
Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund darkcyan ist beige ungeeignet. Zwar ist der Helligkeitsunterschied in Ordnung, die Farben selbst sind sich jedoch zu ähnlich. Die Ähnlichkeit der Farben beige und darkcyan ergibt sich zu 82.16%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 17.84%.

Hintergrundfarbe darkcyan				Schriftfarbe beige
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008b8b	#008b8b	#008b8b	#008b8b	#f5f5dc	#f5f5dc	#f5f5dc	#f5f5dc
#249b9b	#249b9b	#007777	#007777	#f6f6e1	#f6f6e1	#d2d2bc	#d2d2bc
#48acac	#48acac	#006363	#006363	#f7f7e6	#f7f7e6	#afaf9d	#afaf9d
#6dbcbc	#6dbcbc	#004f4f	#004f4f	#f9f9eb	#f9f9eb	#8c8c7d	#8c8c7d
#91cdcd	#91cdcd	#003b3b	#003b3b	#fafaf0	#fafaf0	#69695e	#69695e
#b6dddd	#b6dddd	#002727	#002727	#fcfcf5	#fcfcf5	#46463e	#46463e
#daeeee	#daeeee	#001313	#001313	#fdfdfa	#fdfdfa	#23231f	#23231f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darkcyan und Farbe beige

Wechsel der Umrandung bei Hover mit Befehl a

Einen Link erzeugen Sie mit HTML-Tag <a>. Er kann farblich gestaltet werden.

Die Rahmenfarbe soll sich von Farbe darkcyan auf Farbe beige ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <a> in Farbe darkcyan vor.

In diesem Beispiel umranden wir <a> mit einem 2 Pixel dicken, herausstehenden Rahmen in Farbe darkcyan.

<style type="text/css"><!--
  a { border:2px outset darkcyan; }
//-->
</style>

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

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

Mehr zu a können Sie in Verweise und Protokolle in HTML nachlesen. Weiteres zum Tag <a>.