Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe grey und Farbe fuchsia

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Hintergrundfarbe grey			Schriftfarbe fuchsia
Detail	:	Hintergrund grey	Detail	:	Schrift fuchsia
Farbe	:	grey	Farbe	:	fuchsia
Farbwert	:	#808080	Farbwert	:	#ff00ff
HTML	:	grey	HTML	:	fuchsia
HTML (Wert)	:	#808080	HTML (Wert)	:	#ff00ff
CSS	:	grey	CSS	:	fuchsia
CSS (Wert)	:	#808080	CSS (Wert)	:	#ff00ff
CSS (kürzest)	:	#808080	CSS (kürzest)	:	#f0f
CSS (RGB)	:	rgb(128,128,128)	CSS (RGB)	:	rgb(255,0,255)
CSS (%RGB)	:	rgb(50%,50%,50%)	CSS (%RGB)	:	rgb(100%,0%,100%)

Verlauf Hintergrundfarbe grey nach Schriftfarbe fuchsia
#808080	#926d92	#a45ba4	#b649b6	#c836c8	#da24da	#ec12ec	#ff00ff
#808080	#926d92	#a45ba4	#b649b6	#c836c8	#da24da	#ec12ec	#ff00ff

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

Hintergrundfarbe grey				Schriftfarbe fuchsia
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#808080	#808080	#808080	#808080	#ff00ff	#ff00ff	#ff00ff	#ff00ff
#929292	#929292	#6d6d6d	#6d6d6d	#ff24ff	#ff24ff	#da00da	#da00da
#a4a4a4	#a4a4a4	#5b5b5b	#5b5b5b	#ff48ff	#ff48ff	#b600b6	#b600b6
#b6b6b6	#b6b6b6	#494949	#494949	#ff6dff	#ff6dff	#910091	#910091
#c8c8c8	#c8c8c8	#363636	#363636	#ff91ff	#ff91ff	#6d006d	#6d006d
#dadada	#dadada	#242424	#242424	#ffb6ff	#ffb6ff	#480048	#480048
#ececec	#ececec	#121212	#121212	#ffdaff	#ffdaff	#240024	#240024
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe grey und Farbe fuchsia

Füllen und Umranden von HTML-Tag pre

Bei diesem Beispiel umranden wir <pre> mit einem gefurchten, 2 Pixel dicken Rahmen in Farbe fuchsia . Die Hintergrundfarbe für <pre> setzen wir entsprechend auf Farbe grey. Mit HTML geht dies nicht. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  pre { border:2px groove fuchsia; background-color:grey; }
//-->
</style>

Mehr zum Thema pre erfahren Sie in Blockorientierte Elemente in HTML. Mehr zum Tag pre finden Sie in der HTML Referenz unter <pre>.

Wechsel der Umrandung bei Hover von HTML-Tag center

Die Rahmenfarbe soll sich von Farbe grey auf Farbe fuchsia ändern, wenn man mit der Maus auf <center> zeigt. Bereiten wir zunächst eine Formatierung von <center> in Farbe grey vor.

In diesem Beispiel umranden wir <center> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbe grey.

<style type="text/css"><!--
  center { 
    border-style:dotted; 
    border-color:grey; 
    border-width:4px;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe auf fuchsia ändert.

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

Mehr zu center können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Die Beschreibung des HTML-Tag center erfahren Sie in der HTML Referenz unter <center>.