Colore #502E2B, codici hex ed rgb, esempi

Informazioni

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

Modello di colore RGB

Il colore 502E2B in RGB è definito come 80,46,43

Il rosso è 80;
Il verde è 46;
Il blu è 43.

RGB: (80,46,43) (31%, 18%, 17%)

Rapporto dei colori in RGB

R 80 da 255 = 31%
G 46 da 255 = 18%
B 43 da 255 = 17%

80

46

43

R + G + B ~ 22%. #502E2B colore scuro.

Canali RGB in percentuale

R + G + B = 80 + 46 + 43 = 169 (100%)
R 80 da 169 ~ 47.34%
G 46 da 169 ~ 27.22%
B 43 da 169 ~ 25.44'%

%47.34

%27.22

%25.44

Modello di colore CMYK

Il colore #502E2B in CMYK è definito come 0,43,46,69.

Il color verde blu è 0.00%
Il color magenta è 42.50%
Il giallo è 46.25%
Il colore chiave è 68.63%

CMYK: (0,43,46,69)
C0M43Y46K69 (0%, 43%, 46%, 69%)
(0.00 / 0.43 / 0.46 / 0.69)

Canali CMYK in percentuale

%0

%42.5

%46.25

%68.63

Codici del colore

Il #502E2B nei modelli di colore popolari.

	50	2E	2B
RGB	80	46	43
HSL	5°	30.08%	24.12%
HSB/HSV	5°	46.25%	31.37%
CMYK	0.00%	42.50%	46.25%
CMYK	68.63%

Il #502E2B nei modelli numerici popolari.

Esadicemale	50	2E	2B
Decimale	80	46	43
Binario	1010000	101110	101011
Ottale	120	56	53

Tonalita del colore

Tonalità scure del colore #502E2B

#502E2B
(80,46,43)

#492A28
(73,42,40)

#422625
(66,38,37)

#3B2222
(59,34,34)

#341E1F
(52,30,31)

#2D1A1C
(45,26,28)

#261619
(38,22,25)

#1F1216
(31,18,22)

#180E13
(24,14,19)

#110A10
(17,10,16)

#0A060D
(10,6,13)

#000000
(0,0,0)

Tonalità chiare del colore #502E2B

#502E2B
(80,46,43)

#5F413E
(95,65,62)

#6E5451
(110,84,81)

#7D6764
(125,103,100)

#8C7A77
(140,122,119)

#9B8D8A
(155,141,138)

#AAA09D
(170,160,157)

#B9B3B0
(185,179,176)

#C8C6C3
(200,198,195)

#D7D9D6
(215,217,214)

#E6ECE9
(230,236,233)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #502E2B; }

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

Il colore di questo testo è #502E2B.

Colore dello sfondo

.myBgColor { background-color: #502E2B; }

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

Questo div ha lo sfondo di colore #502E2B.

Colore del bordo

.myBorderColor { border: 1px solid #502E2B; }

Questo div ha i bordi di colore 502E2B.

Trasparenza

.myOpacity80 { color: #502E2B; opacity: 0.8; }

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

Questo testo ha l'ombra di colore #502E2B.

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #502E2B.