Ressourcen: 120 HTML Farbnamen - Kombination von Farbe royalblue und Farbwert #4b0082

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.

Hintergrundfarbe royalblue			Schriftfarbwert #4b0082
Detail	:	Hintergrund royalblue	Detail	:	Schrift #4b0082
Farbe	:	royalblue	Farbwert	:	#4b0082
Farbwert	:	#4169e1	Farbe	:	indigo
HTML	:	royalblue	HTML	:	#4b0082
HTML (Wert)	:	#4169e1	HTML (Wert)	:	#4b0082
CSS	:	royalblue	CSS	:	#4b0082
CSS (Wert)	:	#4169e1	CSS (Wert)	:	#4b0082
CSS (kürzest)	:	#4169e1	CSS (kürzest)	:	#4b0082
CSS (RGB)	:	rgb(65,105,225)	CSS (RGB)	:	rgb(75,0,130)
CSS (%RGB)	:	rgb(25%,41%,88%)	CSS (%RGB)	:	rgb(29%,0%,50%)

Verlauf Hintergrundfarbe royalblue nach Schriftfarbwert #4b0082
#4169e1	#425ad3	#434bc5	#453cb8	#462daa	#481e9d	#490f8f	#4b0082
#4169e1	#425ad3	#434bc5	#453cb8	#462daa	#481e9d	#490f8f	#4b0082

Kombination von royalblue und #4b0082
Cras vestibulum tristique erat, ac interdum justo cursus in. 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 id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund royalblue ist #4b0082 ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit von #4b0082 und royalblue ergibt sich zu 87.28%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 12.72%.

Hintergrundfarbe royalblue				Schriftfarbwert #4b0082
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#4169e1	#4169e1	#4169e1	#4169e1	#4b0082	#4b0082	#4b0082	#4b0082
#5c7ee5	#5c7ee5	#375ac0	#375ac0	#642493	#642493	#40006f	#40006f
#7793e9	#7793e9	#2e4ba0	#2e4ba0	#7e48a5	#7e48a5	#35005c	#35005c
#92a9ed	#92a9ed	#253c80	#253c80	#986db7	#986db7	#2a004a	#2a004a
#adbef2	#adbef2	#1b2d60	#1b2d60	#b191c9	#b191c9	#200037	#200037
#c8d4f6	#c8d4f6	#121e40	#121e40	#cbb6db	#cbb6db	#150025	#150025
#e3e9fa	#e3e9fa	#090f20	#090f20	#e5daed	#e5daed	#0a0012	#0a0012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe royalblue und Farbwert #4b0082

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag h4

Eine Überschrift der 4. Stufe erzeugen Sie mit Tag <h4>. Diese kann man hervorheben und farblich gestalten.

Die Hintergrundfarbe soll sich von Farbe royalblue auf Farbwert #4b0082 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <h4> in Farbe royalblue vor.

In diesem Beispiel setzen wir die Hintergrundfarbe von <h4> auf Farbe royalblue. Die Textfarbe verändern wir nicht, setzen jedoch die Schriftart auf arial.

<style type="text/css"><!--
  h4 { 
    font-family:arial; 
    background-color:royalblue;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Hintergrundfarbe zu #4b0082 ändert.

<style type="text/css"><!--
  h4:hover { 
    background-color:#4b0082;
  }
//-->
</style>

Mehr zum Thema h4 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Mehr zum hier genutzten Tag <h4>.