Colore #CC4F42, codici hex ed rgb, esempi

Informazioni

Il colore #CC4F42 contiene principalmente il rosso. Per il #CC4F42 il colore web safe è #CC6633 (#C63).

Modello di colore RGB

Il colore CC4F42 in RGB è definito come 204,79,66

Il rosso è 204;
Il verde è 79;
Il blu è 66.

RGB:
(204,79,66)
(80%,31%,26%)

Rapporto dei colori in RGB

R 204 da 255 = 80%
G 79 da 255 = 31%
B 66 da 255 = 26%

204

R + G + B ~ 46%. #CC4F42 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
204 + 79 + 66 = 349 (100%)
R 204 da 349 ~ 58.45%
G 79 da 349 ~ 22.64%
B 66 da 349 ~ 18.91%

%58.45

%22.64

%18.91

Modello di colore CMYK

Il colore #CC4F42 in CMYK è definito come 0,61,68,20.

Il color verde blu è 0.00%
Il color magenta è 61.27%
Il giallo è 67.65%
Il colore chiave è 20.00%

CMYK:
(0,61,68,20)
C0M61Y68K20 
(0%,61%,68%,20%)
(0.00/0.61/0.68/0.20)

Canali CMYK in percentuale

%61.27

%67.65

%20

Codici del colore

Il #CC4F42 nei modelli di colore popolari.

	CC	4F	42
RGB	204	79	66
HSL	6°	57.50%	52.94%
HSB/HSV	6°	67.65%	80.00%
CMYK	0.00%	61.27%	67.65%
CMYK	20.00%

Il #CC4F42 nei modelli numerici popolari.

Esadicemale	CC	4F	42
Decimale	204	79	66
Binario	11001100	1001111	1000010
Ottale	314	117	102

Tonalita del colore

Tonalità scure del colore #CC4F42

#CC4F42
(204,79,66)

#BA483C
(186,72,60)

#A84136
(168,65,54)

#963A30
(150,58,48)

#84332A
(132,51,42)

#722C24
(114,44,36)

#60251E
(96,37,30)

#4E1E18
(78,30,24)

#3C1712
(60,23,18)

#2A100C
(42,16,12)

#180906
(24,9,6)

#000000
(0,0,0)

Tonalità chiare del colore #CC4F42

#CC4F42
(204,79,66)

#D05F53
(208,95,83)

#D46F64
(212,111,100)

#D87F75
(216,127,117)

#DC8F86
(220,143,134)

#E09F97
(224,159,151)

#E4AFA8
(228,175,168)

#E8BFB9
(232,191,185)

#ECCFCA
(236,207,202)

#F0DFDB
(240,223,219)

#F4EFEC
(244,239,236)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #CC4F42. Utilizzate rgb(204,79,66) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #CC4F42; }

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

Il colore di questo testo è #CC4F42.

Colore dello sfondo

.myBgColor { background-color: #CC4F42; }

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

Questo div ha lo sfondo di colore #CC4F42.

Colore del bordo

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

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

Questo div ha i bordi di colore CC4F42.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #CC4F42.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #CC4F42.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #CC4F42

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

Esempio del testo bianco sullo sfondo del colore #CC4F42

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

COLORE #CC4F42