Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #8b008b und Farbe indianred

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.

Hintergrundfarbwert #8b008b			Schriftfarbe indianred
Detail	:	Hintergrund #8b008b	Detail	:	Schrift indianred
Farbwert	:	#8b008b	Farbe	:	indianred
Farbe	:	darkmagenta	Farbwert	:	#cd5c5c
HTML	:	#8b008b	HTML	:	indianred
HTML (Wert)	:	#8b008b	HTML (Wert)	:	#cd5c5c
CSS	:	#8b008b	CSS	:	indianred
CSS (Wert)	:	#8b008b	CSS (Wert)	:	#cd5c5c
CSS (kürzest)	:	#8b008b	CSS (kürzest)	:	#cd5c5c
CSS (RGB)	:	rgb(139,0,139)	CSS (RGB)	:	rgb(205,92,92)
CSS (%RGB)	:	rgb(54%,0%,54%)	CSS (%RGB)	:	rgb(80%,36%,36%)

Verlauf Hintergrundfarbwert #8b008b nach Schriftfarbe indianred
#8b008b	#940d84	#9d1a7d	#a72776	#b03470	#ba4169	#c34e62	#cd5c5c
#8b008b	#940d84	#9d1a7d	#a72776	#b03470	#ba4169	#c34e62	#cd5c5c

Kombination von #8b008b und indianred
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von indianred und #8b008b beträgt 89.82%. Die Lesbarkeit dieser Kombination liegt damit bei 10.18%. indianred eignet sich nicht als Schriftfarbe auf Hintergrund #8b008b. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbwert #8b008b				Schriftfarbe indianred
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8b008b	#8b008b	#8b008b	#8b008b	#cd5c5c	#cd5c5c	#cd5c5c	#cd5c5c
#9b249b	#9b249b	#770077	#770077	#d47373	#d47373	#af4e4e	#af4e4e
#ac48ac	#ac48ac	#630063	#630063	#db8a8a	#db8a8a	#924141	#924141
#bc6dbc	#bc6dbc	#4f004f	#4f004f	#e2a1a1	#e2a1a1	#753434	#753434
#cd91cd	#cd91cd	#3b003b	#3b003b	#e9b9b9	#e9b9b9	#572727	#572727
#ddb6dd	#ddb6dd	#270027	#270027	#f0d0d0	#f0d0d0	#3a1a1a	#3a1a1a
#eedaee	#eedaee	#130013	#130013	#f7e7e7	#f7e7e7	#1d0d0d	#1d0d0d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8b008b und Farbe indianred

Wechsel der Hintergrundfarbe bei Hover mit Tag abbr

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

Wir legen für dieses Beispiel Farbwert #8b008b als Hintergrundfarbe von <abbr> fest und setzen die Größe der Schrift auf 123%:

<style type="text/css"><!--
  abbr { 
    background-color: #8b008b; 
    font-size: 123%;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Hintergrundfarbe auf indianred ändert.

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

Die Beschreibung des hier verwendeten HTML-Befehl abbr finden Sie in der HTML Referenz unter <abbr>.

Hintergrund/Text-Kombination von HTML-Befehl blockquote

Hier ändern wir die Textfarbe von <blockquote> auf Farbe indianred und die Hintergrundfarbe von <blockquote> auf Farbwert #8b008b. Als Schriftart wählen wir courier new und als Schriftgröße entscheiden wir uns für 13px.

<style type="text/css"><!--
  blockquote { 
    font-family: courier new; 
    background-color: #8b008b; 
    color: indianred; 
    font-size: 13px;
  }
//-->
</style>

Mehr zum Thema blockquote können Sie in Blockorientierte Elemente in HTML finden. Möglichkeiten vom Befehl blockquote sind in der HTML Referenz unter <blockquote> ausführlich beschrieben.