Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #4169e1 und Farbwert #228b22

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 #4169e1			Schriftfarbwert #228b22
Detail	:	Hintergrund #4169e1	Detail	:	Schrift #228b22
Farbwert	:	#4169e1	Farbwert	:	#228b22
Farbe	:	royalblue	Farbe	:	forestgreen
HTML	:	#4169e1	HTML	:	#228b22
HTML (Wert)	:	#4169e1	HTML (Wert)	:	#228b22
CSS	:	#4169e1	CSS	:	#228b22
CSS (Wert)	:	#4169e1	CSS (Wert)	:	#228b22
CSS (kürzest)	:	#4169e1	CSS (kürzest)	:	#228b22
CSS (RGB)	:	rgb(65,105,225)	CSS (RGB)	:	rgb(34,139,34)
CSS (%RGB)	:	rgb(25%,41%,88%)	CSS (%RGB)	:	rgb(13%,54%,13%)

Verlauf Hintergrundfarbwert #4169e1 nach Schriftfarbwert #228b22
#4169e1	#3c6dc5	#3872aa	#33778f	#2f7c73	#2a8158	#26863d	#228b22
#4169e1	#3c6dc5	#3872aa	#33778f	#2f7c73	#2a8158	#26863d	#228b22

Kombination von #4169e1 und #228b22
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#228b22 ist nicht als Schriftfarbe auf Hintergrund #4169e1 geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug. Die Ähnlichkeit der Farben #228b22 und #4169e1 ergibt sich zu 94.74%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.26%.

Hintergrundfarbwert #4169e1				Schriftfarbwert #228b22
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#4169e1	#4169e1	#4169e1	#4169e1	#228b22	#228b22	#228b22	#228b22
#5c7ee5	#5c7ee5	#375ac0	#375ac0	#419b41	#419b41	#1d771d	#1d771d
#7793e9	#7793e9	#2e4ba0	#2e4ba0	#61ac61	#61ac61	#186318	#186318
#92a9ed	#92a9ed	#253c80	#253c80	#80bc80	#80bc80	#134f13	#134f13
#adbef2	#adbef2	#1b2d60	#1b2d60	#a0cda0	#a0cda0	#0e3b0e	#0e3b0e
#c8d4f6	#c8d4f6	#121e40	#121e40	#bfddbf	#bfddbf	#092709	#092709
#e3e9fa	#e3e9fa	#090f20	#090f20	#dfeedf	#dfeedf	#041304	#041304
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #4169e1 und Farbwert #228b22

Wechsel der Hintergrundfarbe bei Hover bei Befehl dd

Die Hintergrundfarbe soll sich von Farbwert #4169e1 auf Farbwert #228b22 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <dd> in Farbwert #4169e1 vor.

Zum Beispiel legen wir die Hintergrundfarbe von <dd> auf Farbwert #4169e1 fest. Die Größe der Schrift setzen wir auf 9pt:

<style type="text/css"><!--
  dd { 
    font-size: 9pt; 
    background-color: #4169e1;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #228b22 gesetzt wird.

<style type="text/css"><!--
  dd: hover { 
    background-color: #228b22;
  }
//-->
</style>

Mehr zu dd können Sie in Listen und Glossare in HTML erfahren. Mehr zum HTML-Befehl dd lesen Sie in der HTML Referenz unter <dd>.