Colore #42CA46, codici hex ed rgb, esempi

Informazioni

Il colore #42CA46 contiene principalmente il verde. Per il #42CA46 il colore web safe è #33CC33 (#3C3).

Modello di colore RGB

Il colore 42CA46 in RGB è definito come 66,202,70

Il rosso è 66;
Il verde è 202;
Il blu è 70.

RGB:
(66,202,70)
(26%,79%,27%)

Rapporto dei colori in RGB

R 66 da 255 = 26%
G 202 da 255 = 79%
B 70 da 255 = 27%

202

R + G + B ~ 44%. #42CA46 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
66 + 202 + 70 = 338 (100%)
R 66 da 338 ~ 19.53%
G 202 da 338 ~ 59.76%
B 70 da 338 ~ 20.71%

%19.53

%59.76

%20.71

Modello di colore CMYK

Il colore #42CA46 in CMYK è definito come 67,0,65,21.

Il color verde blu è 67.33%
Il color magenta è 0.00%
Il giallo è 65.35%
Il colore chiave è 20.78%

CMYK:
(67,0,65,21)
C67M0Y65K21 
(67%,0%,65%,21%)
(0.67/0.00/0.65/0.21)

Canali CMYK in percentuale

%67.33

%65.35

%20.78

Codici del colore

Il #42CA46 nei modelli di colore popolari.

	42	CA	46
RGB	66	202	70
HSL	122°	56.20%	52.55%
HSB/HSV	122°	67.33%	79.22%
CMYK	67.33%	0.00%	65.35%
CMYK	20.78%

Il #42CA46 nei modelli numerici popolari.

Esadicemale	42	CA	46
Decimale	66	202	70
Binario	1000010	11001010	1000110
Ottale	102	312	106

Tonalita del colore

Tonalità scure del colore #42CA46

#42CA46
(66,202,70)

#3CB840
(60,184,64)

#36A63A
(54,166,58)

#309434
(48,148,52)

#2A822E
(42,130,46)

#247028
(36,112,40)

#1E5E22
(30,94,34)

#184C1C
(24,76,28)

#123A16
(18,58,22)

#0C2810
(12,40,16)

#06160A
(6,22,10)

#000000
(0,0,0)

Tonalità chiare del colore #42CA46

#42CA46
(66,202,70)

#53CE56
(83,206,86)

#64D266
(100,210,102)

#75D676
(117,214,118)

#86DA86
(134,218,134)

#97DE96
(151,222,150)

#A8E2A6
(168,226,166)

#B9E6B6
(185,230,182)

#CAEAC6
(202,234,198)

#DBEED6
(219,238,214)

#ECF2E6
(236,242,230)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #42CA46. Utilizzate rgb(66,202,70) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #42CA46; }

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

Il colore di questo testo è #42CA46.

Colore dello sfondo

.myBgColor { background-color: #42CA46; }

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

Questo div ha lo sfondo di colore #42CA46.

Colore del bordo

.myBorderColor { border: 1px solid #42CA46; }

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

Questo div ha i bordi di colore 42CA46.

Trasparenza

.myOpacity80 { color: #42CA46; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #42CA46.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #42CA46.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #42CA46 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #42CA46 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #42CA46

Questo è un testo nero sullo sfondo del colore #42CA46.

Esempio del testo bianco sullo sfondo del colore #42CA46

Questo è un testo bianco sullo sfondo del colore #42CA46.

COLORE #42CA46