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

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 #00fa9a
Detail	:	Hintergrund #8a2be2	Detail	:	Schrift #00fa9a
Farbwert	:	#8a2be2	Farbwert	:	#00fa9a
Farbe	:	blueviolet	Farbe	:	mediumspringgreen
HTML	:	#8a2be2	HTML	:	#00fa9a
HTML (Wert)	:	#8a2be2	HTML (Wert)	:	#00fa9a
CSS	:	#8a2be2	CSS	:	#00fa9a
CSS (Wert)	:	#8a2be2	CSS (Wert)	:	#00fa9a
CSS (kürzest)	:	#8a2be2	CSS (kürzest)	:	#00fa9a
CSS (RGB)	:	rgb(138,43,226)	CSS (RGB)	:	rgb(0,250,154)
CSS (%RGB)	:	rgb(54%,16%,88%)	CSS (%RGB)	:	rgb(0%,98%,60%)

Verlauf Hintergrundfarbwert #8a2be2 nach Schriftfarbwert #00fa9a
#8a2be2	#7648d7	#6266cd	#4e83c3	#3ba1b8	#27beae	#13dca4	#00fa9a
#8a2be2	#7648d7	#6266cd	#4e83c3	#3ba1b8	#27beae	#13dca4	#00fa9a

Kombination von #8a2be2 und #00fa9a
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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.				Die Ähnlichkeit der Farben #00fa9a und #8a2be2 ergibt sich zu 79.54%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 20.46%. Auf Hintergrund #8a2be2 ist #00fa9a ungeeignet, weil sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #8a2be2				Schriftfarbwert #00fa9a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8a2be2	#8a2be2	#8a2be2	#8a2be2	#00fa9a	#00fa9a	#00fa9a	#00fa9a
#9a49e6	#9a49e6	#7624c1	#7624c1	#24faa8	#24faa8	#00d684	#00d684
#ab67ea	#ab67ea	#621ea1	#621ea1	#48fbb6	#48fbb6	#00b26e	#00b26e
#bc85ee	#bc85ee	#4e1881	#4e1881	#6dfcc5	#6dfcc5	#008e58	#008e58
#cca4f2	#cca4f2	#3b1260	#3b1260	#91fcd3	#91fcd3	#006b42	#006b42
#ddc2f6	#ddc2f6	#270c40	#270c40	#b6fde2	#b6fde2	#00472c	#00472c
#eee0fa	#eee0fa	#130620	#130620	#dafef0	#dafef0	#002316	#002316
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8a2be2 und Farbwert #00fa9a

Füllen und Umranden von Befehl center

Bei diesem Beispiel umranden wir <center> mit einem . Die Hintergrundfarbe für <center> färben wir mit Farbwert #8a2be2. Mit HTML ist das kaum möglich. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  center { 
    border-color:#00fa9a; 
    border-style:outset; 
    border-width:1pt; 
    background-color:#8a2be2;
  }
//-->
</style>

Mehr zum Thema center können Sie in Grundlegende Gestaltungselemente in HTML lesen. Zur Beschreibung vom hier verwendeten HTML-Befehl <center>.

Wechsel der Textfarbe bei Hover von Befehl a

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

Die Textfarbe soll sich von Farbwert #8a2be2 auf Farbwert #00fa9a ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst die Darstellung von <a> in Farbwert #8a2be2 vor.

In diesem Beispiel setzen wir die Textfarbe von <a> auf Farbwert #8a2be2. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf monospace. Die Größe der Schrift ändern wir auf 13px.

<style type="text/css"><!--
  a { 
    font-family: monospace; 
    font-size: 13px; 
    color: #8a2be2;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #00fa9a geändert wird.

<style type="text/css"><!--
  a:hover { 
    color:#00fa9a;
  }
//-->
</style>

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML erfahren. Mehr zum Tag <a>.