Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #8a2be2 und Farbwert #ffd700

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 #8a2be2			Schriftfarbwert #ffd700
Detail	:	Hintergrund #8a2be2	Detail	:	Schrift #ffd700
Farbwert	:	#8a2be2	Farbwert	:	#ffd700
Farbe	:	blueviolet	Farbe	:	gold
HTML	:	#8a2be2	HTML	:	#ffd700
HTML (Wert)	:	#8a2be2	HTML (Wert)	:	#ffd700
CSS	:	#8a2be2	CSS	:	#ffd700
CSS (Wert)	:	#8a2be2	CSS (Wert)	:	#ffd700
CSS (kürzest)	:	#8a2be2	CSS (kürzest)	:	#ffd700
CSS (RGB)	:	rgb(138,43,226)	CSS (RGB)	:	rgb(255,215,0)
CSS (%RGB)	:	rgb(54%,16%,88%)	CSS (%RGB)	:	rgb(100%,84%,0%)

Verlauf Hintergrundfarbwert #8a2be2 nach Schriftfarbwert #ffd700
#8a2be2	#9a43c1	#ab5ca1	#bc7481	#cc8d60	#dda540	#eebe20	#ffd700
#8a2be2	#9a43c1	#ab5ca1	#bc7481	#cc8d60	#dda540	#eebe20	#ffd700

Kombination von #8a2be2 und #ffd700
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #ffd700 und #8a2be2 beträgt 79.77%. Die Lesbarkeit dieser Kombination ergibt sich zu 20.23%. #ffd700 ist nicht als Schriftfarbe auf Hintergrund #8a2be2 geeignet, da sich die Helligkeiten zu ähnlich sind.

Hintergrundfarbwert #8a2be2				Schriftfarbwert #ffd700
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8a2be2	#8a2be2	#8a2be2	#8a2be2	#ffd700	#ffd700	#ffd700	#ffd700
#9a49e6	#9a49e6	#7624c1	#7624c1	#ffdc24	#ffdc24	#dab800	#dab800
#ab67ea	#ab67ea	#621ea1	#621ea1	#ffe248	#ffe248	#b69900	#b69900
#bc85ee	#bc85ee	#4e1881	#4e1881	#ffe86d	#ffe86d	#917a00	#917a00
#cca4f2	#cca4f2	#3b1260	#3b1260	#ffed91	#ffed91	#6d5c00	#6d5c00
#ddc2f6	#ddc2f6	#270c40	#270c40	#fff3b6	#fff3b6	#483d00	#483d00
#eee0fa	#eee0fa	#130620	#130620	#fff9da	#fff9da	#241e00	#241e00
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8a2be2 und Farbwert #ffd700

Wechsel der Umrandung bei Hover bei Befehl frameset

Die Rahmenfarbe soll sich von Farbwert #8a2be2 auf Farbwert #ffd700 ändern, wenn man mit der Maus auf <frameset> zeigt. Wir bereiten zunächst die Formatierung von <frameset> in Farbwert #8a2be2 vor.

In diesem Beispiel umranden wir <frameset> mit einem 2 Pixel dicken, herausstehenden Rahmen in Farbwert #8a2be2.

<style type="text/css"><!--
  frameset { border:2px outset #8a2be2; }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Rahmenfarbe auf #ffd700 geändert wird.

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

Der HTML-Befehl frameset ist in der HTML Referenz unter <frameset> genau gezeigt.

Füllen und Umranden von Befehl p

In diesem Beispiel umranden wir <p> mit einem . Die Hintergrundfarbe für <p> setzen wir auf Farbwert #8a2be2. In HTML geht das nicht. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  p { 
    border-style:double; 
    border-width:4px; 
    border-color:#ffd700; 
    background-color:#8a2be2;
  }
//-->
</style>

Mehr zu p können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Mehr zum Tag <p>.