Colore #AB2B2B, codici hex ed rgb, esempi

Informazioni

Il colore #AB2B2B contiene principalmente il rosso. Per il #AB2B2B il colore web safe è #993333 (#933).

Modello di colore RGB

Il colore AB2B2B in RGB è definito come 171,43,43

Il rosso è 171;
Il verde è 43;
Il blu è 43.

RGB:
(171,43,43)
(67%,17%,17%)

Rapporto dei colori in RGB

R 171 da 255 = 67%
G 43 da 255 = 17%
B 43 da 255 = 17%

171

R + G + B ~ 34%. #AB2B2B colore abbastanza scuro.

Canali RGB in percentuale

R + G + B =
171 + 43 + 43 = 257 (100%)
R 171 da 257 ~ 66.54%
G 43 da 257 ~ 16.73%
B 43 da 257 ~ 16.73%

%66.54

%16.73

Modello di colore CMYK

Il colore #AB2B2B in CMYK è definito come 0,75,75,33.

Il color verde blu è 0.00%
Il color magenta è 74.85%
Il giallo è 74.85%
Il colore chiave è 32.94%

CMYK:
(0,75,75,33)
C0M75Y75K33 
(0%,75%,75%,33%)
(0.00/0.75/0.75/0.33)

Canali CMYK in percentuale

%74.85

%32.94

Codici del colore

Il #AB2B2B nei modelli di colore popolari.

	AB	2B	2B
RGB	171	43	43
HSL	0°	59.81%	41.96%
HSB/HSV	0°	74.85%	67.06%
CMYK	0.00%	74.85%	74.85%
CMYK	32.94%

Il #AB2B2B nei modelli numerici popolari.

Esadicemale	AB	2B	2B
Decimale	171	43	43
Binario	10101011	101011	101011
Ottale	253	53	53

Tonalita del colore

Tonalità scure del colore #AB2B2B

#AB2B2B
(171,43,43)

#9C2828
(156,40,40)

#8D2525
(141,37,37)

#7E2222
(126,34,34)

#6F1F1F
(111,31,31)

#601C1C
(96,28,28)

#511919
(81,25,25)

#421616
(66,22,22)

#331313
(51,19,19)

#241010
(36,16,16)

#150D0D
(21,13,13)

#000000
(0,0,0)

Tonalità chiare del colore #AB2B2B

#AB2B2B
(171,43,43)

#B23E3E
(178,62,62)

#B95151
(185,81,81)

#C06464
(192,100,100)

#C77777
(199,119,119)

#CE8A8A
(206,138,138)

#D59D9D
(213,157,157)

#DCB0B0
(220,176,176)

#E3C3C3
(227,195,195)

#EAD6D6
(234,214,214)

#F1E9E9
(241,233,233)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #AB2B2B. Utilizzate rgb(171,43,43) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #AB2B2B; }

<p style="color:#AB2B2B">This sample text font color is #AB2B2B.</p>

Il colore di questo testo è #AB2B2B.

Colore dello sfondo

.myBgColor { background-color: #AB2B2B; }

<div style="background-color:#AB2B2B">Inner text</div>

Questo div ha lo sfondo di colore #AB2B2B.

Colore del bordo

.myBorderColor { border: 1px solid #AB2B2B; }

<div style="border:3px solid #AB2B2B">Div</div>

Questo div ha i bordi di colore AB2B2B.

Trasparenza

.myOpacity80 { color: #AB2B2B; opacity: 0.8; }

<p style="color:#AB2B2B;opacity:0.8;">80%</p>

Il testo di color #AB2B2B e trasparenza 100% | 80% | 50% | 30%.

Sfondo con il livello di trasparenza 100%.

Sfondo con il livello di trasparenza 80%.

Sfondo con il livello di trasparenza 50%.

Sfondo con il livello di trasparenza 30%.

Colore dell'ombra del testo

.textShadow {text-shadow: 3px 3px 1px #AB2B2B;}

<p style="text-shadow: 3px 3px 1px #AB2B2B">Text here.</p>

Questo testo ha l'ombra di colore #AB2B2B.

.textShadow {text-shadow: 3px 3px 1px #AB2B2B, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #AB2B2B, 5px 5px 20px red">Text here.</p>

Questo testo ha l'ombra del colore principale #AB2B2B e del colore secondario rosso.

Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#AB2B2B, Direction=45, Strength=4)}

<p style="filter: Shadow(Color=#AB2B2B, Direction=45, Strength=4)">Text</p>

This text has shadow with #AB2B2B and red colors in old Internet Explorer.

Colore dell'ombra dell'elemento div

/* css code */
.divShadow
{
  -moz-box-shadow:	1px 1px 3px 2px #AB2B2B;
  -webkit-box-shadow:	1px 1px 3px 2px #AB2B2B;
  box-shadow:		1px 1px 3px 2px #AB2B2B;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #AB2B2B;
-webkit-box-shadow: 1px 1px 3px 2px #AB2B2B;
box-shadow:1px 1px 3px 2px #AB2B2B;">
Div content here</div>

Questo div ha l'ombra di colore #AB2B2B.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #AB2B2B sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #AB2B2B sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #AB2B2B

Questo è un testo nero sullo sfondo del colore #AB2B2B.

Esempio del testo bianco sullo sfondo del colore #AB2B2B

Questo è un testo bianco sullo sfondo del colore #AB2B2B.

COLORE #AB2B2B