Colore #AE221E, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore AE221E in RGB è definito come 174,34,30

Il rosso è 174;
Il verde è 34;
Il blu è 30.

RGB:
(174,34,30)
(68%,13%,12%)

Rapporto dei colori in RGB

R 174 da 255 = 68%
G 34 da 255 = 13%
B 30 da 255 = 12%

174

R + G + B ~ 31%. #AE221E colore abbastanza scuro.

Canali RGB in percentuale

R + G + B =
174 + 34 + 30 = 238 (100%)
R 174 da 238 ~ 73.11%
G 34 da 238 ~ 14.29%
B 30 da 238 ~ 12.61%

%73.11

%14.29

%12.61

Modello di colore CMYK

Il colore #AE221E in CMYK è definito come 0,80,83,32.

Il color verde blu è 0.00%
Il color magenta è 80.46%
Il giallo è 82.76%
Il colore chiave è 31.76%

CMYK:
(0,80,83,32)
C0M80Y83K32 
(0%,80%,83%,32%)
(0.00/0.80/0.83/0.32)

Canali CMYK in percentuale

%80.46

%82.76

%31.76

Codici del colore

Il #AE221E nei modelli di colore popolari.

	AE	22	1E
RGB	174	34	30
HSL	2°	70.59%	40.00%
HSB/HSV	2°	82.76%	68.24%
CMYK	0.00%	80.46%	82.76%
CMYK	31.76%

Il #AE221E nei modelli numerici popolari.

Esadicemale	AE	22	1E
Decimale	174	34	30
Binario	10101110	100010	11110
Ottale	256	42	36

Tonalita del colore

Tonalità scure del colore #AE221E

#AE221E
(174,34,30)

#9F1F1C
(159,31,28)

#901C1A
(144,28,26)

#811918
(129,25,24)

#721616
(114,22,22)

#631314
(99,19,20)

#541012
(84,16,18)

#450D10
(69,13,16)

#360A0E
(54,10,14)

#27070C
(39,7,12)

#18040A
(24,4,10)

#000000
(0,0,0)

Tonalità chiare del colore #AE221E

#AE221E
(174,34,30)

#B53632
(181,54,50)

#BC4A46
(188,74,70)

#C35E5A
(195,94,90)

#CA726E
(202,114,110)

#D18682
(209,134,130)

#D89A96
(216,154,150)

#DFAEAA
(223,174,170)

#E6C2BE
(230,194,190)

#EDD6D2
(237,214,210)

#F4EAE6
(244,234,230)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #AE221E. Utilizzate rgb(174,34,30) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #AE221E; }

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

Il colore di questo testo è #AE221E.

Colore dello sfondo

.myBgColor { background-color: #AE221E; }

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

Questo div ha lo sfondo di colore #AE221E.

Colore del bordo

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

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

Questo div ha i bordi di colore AE221E.

Trasparenza

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

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

Il testo di color #AE221E 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 #AE221E;}

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

Questo testo ha l'ombra di colore #AE221E.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #AE221E.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #AE221E

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

Esempio del testo bianco sullo sfondo del colore #AE221E

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

COLORE #AE221E