Colore #553C1E, codici hex ed rgb, esempi

Informazioni

Il colore #553C1E contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #553C1E il colore web safe è #663333 (#633).

Modello di colore RGB

Il colore 553C1E in RGB è definito come 85,60,30

Il rosso è 85;
Il verde è 60;
Il blu è 30.

RGB: (85,60,30) (33%, 24%, 12%)

Rapporto dei colori in RGB

R 85 da 255 = 33%
G 60 da 255 = 24%
B 30 da 255 = 12%

85

60

30

R + G + B ~ 23%. #553C1E colore scuro.

Canali RGB in percentuale

R + G + B = 85 + 60 + 30 = 175 (100%)
R 85 da 175 ~ 48.57%
G 60 da 175 ~ 34.29%
B 30 da 175 ~ 17.14'%

%48.57

%34.29

%17.14

Modello di colore CMYK

Il colore #553C1E in CMYK è definito come 0,29,65,67.

Il color verde blu è 0.00%
Il color magenta è 29.41%
Il giallo è 64.71%
Il colore chiave è 66.67%

CMYK: (0,29,65,67)
C0M29Y65K67 (0%, 29%, 65%, 67%)
(0.00 / 0.29 / 0.65 / 0.67)

Canali CMYK in percentuale

%0

%29.41

%64.71

%66.67

Codici del colore

Il #553C1E nei modelli di colore popolari.

	55	3C	1E
RGB	85	60	30
HSL	33°	47.83%	22.55%
HSB/HSV	33°	64.71%	33.33%
CMYK	0.00%	29.41%	64.71%
CMYK	66.67%

Il #553C1E nei modelli numerici popolari.

Esadicemale	55	3C	1E
Decimale	85	60	30
Binario	1010101	111100	11110
Ottale	125	74	36

Tonalita del colore

Tonalità scure del colore #553C1E

#553C1E
(85,60,30)

#4E371C
(78,55,28)

#47321A
(71,50,26)

#402D18
(64,45,24)

#392816
(57,40,22)

#322314
(50,35,20)

#2B1E12
(43,30,18)

#241910
(36,25,16)

#1D140E
(29,20,14)

#160F0C
(22,15,12)

#0F0A0A
(15,10,10)

#000000
(0,0,0)

Tonalità chiare del colore #553C1E

#553C1E
(85,60,30)

#644D32
(100,77,50)

#735E46
(115,94,70)

#826F5A
(130,111,90)

#91806E
(145,128,110)

#A09182
(160,145,130)

#AFA296
(175,162,150)

#BEB3AA
(190,179,170)

#CDC4BE
(205,196,190)

#DCD5D2
(220,213,210)

#EBE6E6
(235,230,230)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #553C1E. Utilizzate rgb(85,60,30) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #553C1E; }

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

Il colore di questo testo è #553C1E.

Colore dello sfondo

.myBgColor { background-color: #553C1E; }

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

Questo div ha lo sfondo di colore #553C1E.

Colore del bordo

.myBorderColor { border: 1px solid #553C1E; }

Questo div ha i bordi di colore 553C1E.

Trasparenza

.myOpacity80 { color: #553C1E; opacity: 0.8; }

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

Questo testo ha l'ombra di colore #553C1E.

.textShadow {text-shadow: 3px 3px 1px #553C1E', 3px 3px 1px red;}

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #553C1E.