Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #b22222 und Farbe crimson

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.

Hintergrundfarbwert #b22222			Schriftfarbe crimson
Detail	:	Hintergrund #b22222	Detail	:	Schrift crimson
Farbwert	:	#b22222	Farbe	:	crimson
Farbe	:	firebrick	Farbwert	:	#dc143c
HTML	:	#b22222	HTML	:	crimson
HTML (Wert)	:	#b22222	HTML (Wert)	:	#dc143c
CSS	:	#b22222	CSS	:	crimson
CSS (Wert)	:	#b22222	CSS (Wert)	:	#dc143c
CSS (kürzest)	:	#b22222	CSS (kürzest)	:	#dc143c
CSS (RGB)	:	rgb(178,34,34)	CSS (RGB)	:	rgb(220,20,60)
CSS (%RGB)	:	rgb(69%,13%,13%)	CSS (%RGB)	:	rgb(86%,7%,23%)

Verlauf Hintergrundfarbwert #b22222 nach Schriftfarbe crimson
#b22222	#b82025	#be1e29	#c41c2d	#ca1a30	#d01834	#d61638	#dc143c
#b22222	#b82025	#be1e29	#c41c2d	#ca1a30	#d01834	#d61638	#dc143c

Kombination von #b22222 und crimson
Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				crimson eignet sich nicht als Schriftfarbe auf Hintergrund #b22222. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben crimson und #b22222 ergibt sich zu 93.63%. Die Lesbarkeit dieser Kombination bewerte ich mit 6.37%.

Hintergrundfarbwert #b22222				Schriftfarbe crimson
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b22222	#b22222	#b22222	#b22222	#dc143c	#dc143c	#dc143c	#dc143c
#bd4141	#bd4141	#981d1d	#981d1d	#e13557	#e13557	#bc1133	#bc1133
#c86161	#c86161	#7f1818	#7f1818	#e65773	#e65773	#9d0e2a	#9d0e2a
#d38080	#d38080	#651313	#651313	#eb788f	#eb788f	#7d0b22	#7d0b22
#dea0a0	#dea0a0	#4c0e0e	#4c0e0e	#f09aab	#f09aab	#5e0819	#5e0819
#e9bfbf	#e9bfbf	#320909	#320909	#f5bbc7	#f5bbc7	#3e0511	#3e0511
#f4dfdf	#f4dfdf	#190404	#190404	#fadde3	#fadde3	#1f0208	#1f0208
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #b22222 und Farbe crimson

Wechsel der Textfarbe bei Hover mit HTML-Tag h4

Eine Überschrift wird mit HTML-Tag <h4> erzeugt. Diese kann man farblich gestalten und hervorheben.

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

In diesem Beispiel legen wir die Textfarbe von <h4> auf Farbwert #b22222 fest und verringern die Schriftgröße auf 96%.

<style type="text/css"><!--
  h4 { 
    color: #b22222; 
    font-size: 96%;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu crimson ändert.

<style type="text/css"><!--
  h4:hover { 
    color:crimson;
  }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Die Beschreibung des Befehl h4 lesen Sie in der HTML Referenz unter <h4>.

Hintergrund/Text-Kombination mit Tag address

Hier ändern wir die Textfarbe von <address> auf Farbe crimson und die Hintergrundfarbe von <address> auf Farbwert #b22222. Die Schriftart setzen wir auf courier new. Als Schriftgröße entscheiden wir uns für 13px.

<style type="text/css"><!--
  address { 
    color: crimson; 
    font-size: 13px; 
    background-color: #b22222; 
    font-family: courier new;
  }
//-->
</style>

Mehr zu address können Sie in Blockorientierte Elemente in HTML nachsehen. Mehr zum hier verwendeten HTML-Tag address ist in der HTML Referenz unter <address> genau beschrieben.