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

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 darkgray
Detail	:	Hintergrund #b22222	Detail	:	Schrift darkgray
Farbwert	:	#b22222	Farbe	:	darkgray
Farbe	:	firebrick	Farbwert	:	#a9a9a9
HTML	:	#b22222	HTML	:	darkgray
HTML (Wert)	:	#b22222	HTML (Wert)	:	#a9a9a9
CSS	:	#b22222	CSS	:	darkgray
CSS (Wert)	:	#b22222	CSS (Wert)	:	#a9a9a9
CSS (kürzest)	:	#b22222	CSS (kürzest)	:	#a9a9a9
CSS (RGB)	:	rgb(178,34,34)	CSS (RGB)	:	rgb(169,169,169)
CSS (%RGB)	:	rgb(69%,13%,13%)	CSS (%RGB)	:	rgb(66%,66%,66%)

Verlauf Hintergrundfarbwert #b22222 nach Schriftfarbe darkgray
#b22222	#b03535	#af4848	#ae5b5b	#ac6f6f	#ab8282	#aa9595	#a9a9a9
#b22222	#b03535	#af4848	#ae5b5b	#ac6f6f	#ab8282	#aa9595	#a9a9a9

Kombination von #b22222 und darkgray
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #b22222 ist darkgray ungeeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben darkgray und #b22222 ergibt sich zu 86.47%. Die Lesbarkeit dieser Kombination bewerte ich mit 13.53%.

Hintergrundfarbwert #b22222				Schriftfarbe darkgray
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b22222	#b22222	#b22222	#b22222	#a9a9a9	#a9a9a9	#a9a9a9	#a9a9a9
#bd4141	#bd4141	#981d1d	#981d1d	#b5b5b5	#b5b5b5	#909090	#909090
#c86161	#c86161	#7f1818	#7f1818	#c1c1c1	#c1c1c1	#787878	#787878
#d38080	#d38080	#651313	#651313	#cdcdcd	#cdcdcd	#606060	#606060
#dea0a0	#dea0a0	#4c0e0e	#4c0e0e	#dadada	#dadada	#484848	#484848
#e9bfbf	#e9bfbf	#320909	#320909	#e6e6e6	#e6e6e6	#303030	#303030
#f4dfdf	#f4dfdf	#190404	#190404	#f2f2f2	#f2f2f2	#181818	#181818
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #b22222 und Farbe darkgray

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag pre

Die Hintergrundfarbe soll sich von Farbwert #b22222 auf Farbe darkgray ändern, wenn man mit der Maus auf <pre> zeigt. Bereiten wir zunächst die Darstellung von <pre> in Farbwert #b22222 vor.

Wir legen hier Farbwert #b22222 als Hintergrundfarbe von <pre> fest. Die Textfarbe lassen wir unverändert. Die Schriftart ändern wir auf verdana. Die Schriftgröße ändern wir auf 14px:

<style type="text/css"><!--
  pre { 
    font-size: 14px; 
    background-color: #b22222; 
    font-family: verdana;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Hintergrundfarbe auf darkgray geändert wird.

<style type="text/css"><!--
  pre:hover { 
    background-color:darkgray;
  }
//-->
</style>

Weiteres zum Thema können Sie in Blockorientierte Elemente in HTML nachsehen. Möglichkeiten vom hier genutzten HTML-Tag <pre>.