Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #b22222 und Farbwert #32cd32

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 #b22222			Schriftfarbwert #32cd32
Detail	:	Hintergrund #b22222	Detail	:	Schrift #32cd32
Farbwert	:	#b22222	Farbwert	:	#32cd32
Farbe	:	firebrick	Farbe	:	limegreen
HTML	:	#b22222	HTML	:	#32cd32
HTML (Wert)	:	#b22222	HTML (Wert)	:	#32cd32
CSS	:	#b22222	CSS	:	#32cd32
CSS (Wert)	:	#b22222	CSS (Wert)	:	#32cd32
CSS (kürzest)	:	#b22222	CSS (kürzest)	:	#32cd32
CSS (RGB)	:	rgb(178,34,34)	CSS (RGB)	:	rgb(50,205,50)
CSS (%RGB)	:	rgb(69%,13%,13%)	CSS (%RGB)	:	rgb(19%,80%,19%)

Verlauf Hintergrundfarbwert #b22222 nach Schriftfarbwert #32cd32
#b22222	#9f3a24	#8d5226	#7b6b28	#68832b	#569c2d	#44b42f	#32cd32
#b22222	#9f3a24	#8d5226	#7b6b28	#68832b	#569c2d	#44b42f	#32cd32

Kombination von #b22222 und #32cd32
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.				Die Ähnlichkeit von #32cd32 und #b22222 beträgt 84.99%. Die Lesbarkeit dieser Farbkombination liegt damit bei 15.01%. #32cd32 eignet sich nicht als Schriftfarbe auf Hintergrund #b22222. Weder der Helligkeitsunterschied noch der Farbunterschied sind gross genug.

Hintergrundfarbwert #b22222				Schriftfarbwert #32cd32
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b22222	#b22222	#b22222	#b22222	#32cd32	#32cd32	#32cd32	#32cd32
#bd4141	#bd4141	#981d1d	#981d1d	#4fd44f	#4fd44f	#2aaf2a	#2aaf2a
#c86161	#c86161	#7f1818	#7f1818	#6cdb6c	#6cdb6c	#239223	#239223
#d38080	#d38080	#651313	#651313	#89e289	#89e289	#1c751c	#1c751c
#dea0a0	#dea0a0	#4c0e0e	#4c0e0e	#a7e9a7	#a7e9a7	#155715	#155715
#e9bfbf	#e9bfbf	#320909	#320909	#c4f0c4	#c4f0c4	#0e3a0e	#0e3a0e
#f4dfdf	#f4dfdf	#190404	#190404	#e1f7e1	#e1f7e1	#071d07	#071d07
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #b22222 und Farbwert #32cd32

Text- und Unterstreichungsfarben bei Befehl caption

Wir ändern Hher die Textfarbe von <caption> auf Farbwert #32cd32. Die Schriftart setzen wir auf sans-serif. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines gepunkteten Rahmens mit 4 Punkte Dicke in Farbwert #b22222. In HTML ist dies kaum machbar. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  caption { 
    border-bottom-color:#b22222; 
    font-family:sans-serif; 
    font-size:13px; 
    color:#32cd32; 
    border-bottom-style:dotted; 
    border-bottom-width:4pt;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zu caption können Sie in Tabellen in HTML erfahren. Weiteres zum HTML-Tag <caption>.

Wechsel der Textfarbe bei Hover bei Befehl a

Mit Tag <a> wird ein Link gesetzt. Diesen können Sie farblich gestalten.

Die Textfarbe soll sich von Farbwert #b22222 auf Farbwert #32cd32 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <a> in Farbwert #b22222 vor.

Wir legen in diesem Beispiel Farbwert #b22222 als Textfarbe von <a> fest. Die Hintergrundfarbe lassen wir unverändert, ändern jedoch die Schriftart auf monospace:

<style type="text/css"><!--
  a { 
    font-family: monospace; 
    color: #b22222;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Textfarbe zu #32cd32 ändert.

<style type="text/css"><!--
  a: hover { 
    color: #32cd32;
  }
//-->
</style>

Weiteres zu a können Sie in Verweise und Protokolle in HTML lesen. Der hier genutzte Befehl a ist in der HTML Referenz unter <a> ausführlich beschrieben.