Ressourcen: 137 HTML Farbnamen - Kombination von Farbe limegreen und Farbwert #4169e1

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.

Hintergrundfarbe limegreen			Schriftfarbwert #4169e1
Detail	:	Hintergrund limegreen	Detail	:	Schrift #4169e1
Farbe	:	limegreen	Farbwert	:	#4169e1
Farbwert	:	#32cd32	Farbe	:	royalblue
HTML	:	limegreen	HTML	:	#4169e1
HTML (Wert)	:	#32cd32	HTML (Wert)	:	#4169e1
CSS	:	limegreen	CSS	:	#4169e1
CSS (Wert)	:	#32cd32	CSS (Wert)	:	#4169e1
CSS (kürzest)	:	#32cd32	CSS (kürzest)	:	#4169e1
CSS (RGB)	:	rgb(50,205,50)	CSS (RGB)	:	rgb(65,105,225)
CSS (%RGB)	:	rgb(19%,80%,19%)	CSS (%RGB)	:	rgb(25%,41%,88%)

Verlauf Hintergrundfarbe limegreen nach Schriftfarbwert #4169e1
#32cd32	#34be4b	#36b064	#38a27d	#3a9396	#3c85af	#3e77c8	#4169e1
#32cd32	#34be4b	#36b064	#38a27d	#3a9396	#3c85af	#3e77c8	#4169e1

Kombination von limegreen und #4169e1
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.				#4169e1 ist nicht als Schriftfarbe auf Hintergrund limegreen geeignet, da weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind. Die Ähnlichkeit von #4169e1 und limegreen ergibt sich zu 89.10%. Die Lesbarkeit dieser Kombination bewerte ich mit 10.90%.

Hintergrundfarbe limegreen				Schriftfarbwert #4169e1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#32cd32	#32cd32	#32cd32	#32cd32	#4169e1	#4169e1	#4169e1	#4169e1
#4fd44f	#4fd44f	#2aaf2a	#2aaf2a	#5c7ee5	#5c7ee5	#375ac0	#375ac0
#6cdb6c	#6cdb6c	#239223	#239223	#7793e9	#7793e9	#2e4ba0	#2e4ba0
#89e289	#89e289	#1c751c	#1c751c	#92a9ed	#92a9ed	#253c80	#253c80
#a7e9a7	#a7e9a7	#155715	#155715	#adbef2	#adbef2	#1b2d60	#1b2d60
#c4f0c4	#c4f0c4	#0e3a0e	#0e3a0e	#c8d4f6	#c8d4f6	#121e40	#121e40
#e1f7e1	#e1f7e1	#071d07	#071d07	#e3e9fa	#e3e9fa	#090f20	#090f20
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe limegreen und Farbwert #4169e1

Wechsel der Textfarbe bei Hover mit Befehl pre

Die Textfarbe soll sich von Farbe limegreen auf Farbwert #4169e1 ändern, wenn man mit der Maus auf <pre> zeigt. Wir bereiten zunächst die Formatierung von <pre> in Farbe limegreen vor.

Wir ändern zum Beispiel bei <pre> die Textfarbe auf Farbe limegreen und ändern die Größe der Schrift auf 9pt:

<style type="text/css"><!--
  pre { 
    color: limegreen; 
    font-size: 9pt;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf #4169e1 ändert.

<style type="text/css"><!--
  pre:hover { 
    color:#4169e1;
  }
//-->
</style>

Weiteres zu pre lesen Sie in Blockorientierte Elemente in HTML. Die Beschreibung des hier gezeigten HTML-Befehl pre lesen Sie in der HTML Referenz unter <pre>.