Colore #330A21, codici hex ed rgb, esempi

Informazioni

Il colore #330A21 contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #330A21 il colore web safe è #330033 (#303).

Modello di colore RGB

Il colore 330A21 in RGB è definito come 51,10,33

Il rosso è 51;
Il verde è 10;
Il blu è 33.

RGB:
(51,10,33)
(20%,4%,13%)

Rapporto dei colori in RGB

R 51 da 255 = 20%
G 10 da 255 = 4%
B 33 da 255 = 13%

R + G + B ~ 12%. #330A21 colore scuro.

Canali RGB in percentuale

R + G + B =
51 + 10 + 33 = 94 (100%)
R 51 da 94 ~ 54.26%
G 10 da 94 ~ 10.64%
B 33 da 94 ~ 35.11%

%54.26

%10.64

%35.11

Modello di colore CMYK

Il colore #330A21 in CMYK è definito come 0,80,35,80.

Il color verde blu è 0.00%
Il color magenta è 80.39%
Il giallo è 35.29%
Il colore chiave è 80.00%

CMYK:
(0,80,35,80)
C0M80Y35K80 
(0%,80%,35%,80%)
(0.00/0.80/0.35/0.80)

Canali CMYK in percentuale

%80.39

%35.29

%80

Codici del colore

Il #330A21 nei modelli di colore popolari.

	33	0A	21
RGB	51	10	33
HSL	326°	67.21%	11.96%
HSB/HSV	326°	80.39%	20.00%
CMYK	0.00%	80.39%	35.29%
CMYK	80.00%

Il #330A21 nei modelli numerici popolari.

Esadicemale	33	0A	21
Decimale	51	10	33
Binario	110011	1010	100001
Ottale	63	12	41

Tonalita del colore

Tonalità scure del colore #330A21

#330A21
(51,10,33)

#2F0A1E
(47,10,30)

#2B0A1B
(43,10,27)

#270A18
(39,10,24)

#230A15
(35,10,21)

#1F0A12
(31,10,18)

#1B0A0F
(27,10,15)

#170A0C
(23,10,12)

#130A09
(19,10,9)

#0F0A06
(15,10,6)

#0B0A03
(11,10,3)

#000000
(0,0,0)

Tonalità chiare del colore #330A21

#330A21
(51,10,33)

#452035
(69,32,53)

#573649
(87,54,73)

#694C5D
(105,76,93)

#7B6271
(123,98,113)

#8D7885
(141,120,133)

#9F8E99
(159,142,153)

#B1A4AD
(177,164,173)

#C3BAC1
(195,186,193)

#D5D0D5
(213,208,213)

#E7E6E9
(231,230,233)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #330A21. Utilizzate rgb(51,10,33) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #330A21; }

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

Il colore di questo testo è #330A21.

Colore dello sfondo

.myBgColor { background-color: #330A21; }

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

Questo div ha lo sfondo di colore #330A21.

Colore del bordo

.myBorderColor { border: 1px solid #330A21; }

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

Questo div ha i bordi di colore 330A21.

Trasparenza

.myOpacity80 { color: #330A21; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #330A21.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #330A21.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #330A21 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #330A21 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #330A21

Questo è un testo nero sullo sfondo del colore #330A21.

Esempio del testo bianco sullo sfondo del colore #330A21

Questo è un testo bianco sullo sfondo del colore #330A21.

COLORE #330A21