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

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			Schriftfarbe forestgreen
Detail	:	Hintergrund #8a2be2	Detail	:	Schrift forestgreen
Farbwert	:	#8a2be2	Farbe	:	forestgreen
Farbe	:	blueviolet	Farbwert	:	#228b22
HTML	:	#8a2be2	HTML	:	forestgreen
HTML (Wert)	:	#8a2be2	HTML (Wert)	:	#228b22
CSS	:	#8a2be2	CSS	:	forestgreen
CSS (Wert)	:	#8a2be2	CSS (Wert)	:	#228b22
CSS (kürzest)	:	#8a2be2	CSS (kürzest)	:	#228b22
CSS (RGB)	:	rgb(138,43,226)	CSS (RGB)	:	rgb(34,139,34)
CSS (%RGB)	:	rgb(54%,16%,88%)	CSS (%RGB)	:	rgb(13%,54%,13%)

Verlauf Hintergrundfarbwert #8a2be2 nach Schriftfarbe forestgreen
#8a2be2	#7b38c6	#6c46ab	#5d548f	#4e6174	#3f6f58	#307d3d	#228b22
#8a2be2	#7b38c6	#6c46ab	#5d548f	#4e6174	#3f6f58	#307d3d	#228b22

Kombination von #8a2be2 und forestgreen
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #8a2be2 ist forestgreen ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben forestgreen und #8a2be2 ergibt sich zu 93.54%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 6.46%.

Hintergrundfarbwert #8a2be2				Schriftfarbe forestgreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8a2be2	#8a2be2	#8a2be2	#8a2be2	#228b22	#228b22	#228b22	#228b22
#9a49e6	#9a49e6	#7624c1	#7624c1	#419b41	#419b41	#1d771d	#1d771d
#ab67ea	#ab67ea	#621ea1	#621ea1	#61ac61	#61ac61	#186318	#186318
#bc85ee	#bc85ee	#4e1881	#4e1881	#80bc80	#80bc80	#134f13	#134f13
#cca4f2	#cca4f2	#3b1260	#3b1260	#a0cda0	#a0cda0	#0e3b0e	#0e3b0e
#ddc2f6	#ddc2f6	#270c40	#270c40	#bfddbf	#bfddbf	#092709	#092709
#eee0fa	#eee0fa	#130620	#130620	#dfeedf	#dfeedf	#041304	#041304
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8a2be2 und Farbe forestgreen

Füllen und Umranden mit Tag blockquote

Für dieses Beispiel umranden wir <blockquote> mit einem 1 Punkte dicken, gestrichelten Rahmen in Farbe forestgreen . Den Hintergrund von <blockquote> setzen wir auf Farbwert #8a2be2. In HTML ist das nicht machbar. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  blockquote { 
    border-width: 1pt; 
    border-color: forestgreen; 
    border-style: dashed; 
    background-color: #8a2be2;
  }
//-->
</style>

Mehr zum Thema blockquote können Sie in Blockorientierte Elemente in HTML finden. Mehr zum Tag blockquote ist in der HTML Referenz bei <blockquote> beschrieben.

Wechsel der Hintergrundfarbe bei Hover von Tag dt

Die Hintergrundfarbe soll sich von Farbwert #8a2be2 auf Farbe forestgreen ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <dt> in Farbwert #8a2be2 vor.

Wir legen in diesem Beispiel bei <dt> die Hintergrundfarbe auf Farbwert #8a2be2 fest und erhöhen die Größe der Schrift auf 129%:

<style type="text/css"><!--
  dt { 
    background-color:#8a2be2; 
    font-size:129%;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf forestgreen gesetzt wird.

<style type="text/css"><!--
  dt:hover { 
    background-color:forestgreen;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Listen und Glossare in HTML. Möglichkeiten vom hier gezeigten HTML-Befehl dt lesen Sie in der HTML Referenz unter <dt>.