Colore #ACC03F, codici hex ed rgb, esempi

Informazioni

Il colore #ACC03F contiene principalmente il rosso e il verde. Per il #ACC03F il colore web safe è #99CC33 (#9C3).

Modello di colore RGB

Il colore ACC03F in RGB è definito come 172,192,63

Il rosso è 172;
Il verde è 192;
Il blu è 63.

RGB:
(172,192,63)
(67%,75%,25%)

Rapporto dei colori in RGB

R 172 da 255 = 67%
G 192 da 255 = 75%
B 63 da 255 = 25%

172

192

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

Canali RGB in percentuale

R + G + B =
172 + 192 + 63 = 427 (100%)
R 172 da 427 ~ 40.28%
G 192 da 427 ~ 44.96%
B 63 da 427 ~ 14.75%

%40.28

%44.96

%14.75

Modello di colore CMYK

Il colore #ACC03F in CMYK è definito come 10,0,67,25.

Il color verde blu è 10.42%
Il color magenta è 0.00%
Il giallo è 67.19%
Il colore chiave è 24.71%

CMYK:
(10,0,67,25)
C10M0Y67K25 
(10%,0%,67%,25%)
(0.10/0.00/0.67/0.25)

Canali CMYK in percentuale

%10.42

%67.19

%24.71

Codici del colore

Il #ACC03F nei modelli di colore popolari.

	AC	C0	3F
RGB	172	192	63
HSL	69°	50.59%	50.00%
HSB/HSV	69°	67.19%	75.29%
CMYK	10.42%	0.00%	67.19%
CMYK	24.71%

Il #ACC03F nei modelli numerici popolari.

Esadicemale	AC	C0	3F
Decimale	172	192	63
Binario	10101100	11000000	111111
Ottale	254	300	77

Tonalita del colore

Tonalità scure del colore #ACC03F

#ACC03F
(172,192,63)

#9DAF3A
(157,175,58)

#8E9E35
(142,158,53)

#7F8D30
(127,141,48)

#707C2B
(112,124,43)

#616B26
(97,107,38)

#525A21
(82,90,33)

#43491C
(67,73,28)

#343817
(52,56,23)

#252712
(37,39,18)

#16160D
(22,22,13)

#000000
(0,0,0)

Tonalità chiare del colore #ACC03F

#ACC03F
(172,192,63)

#B3C550
(179,197,80)

#BACA61
(186,202,97)

#C1CF72
(193,207,114)

#C8D483
(200,212,131)

#CFD994
(207,217,148)

#D6DEA5
(214,222,165)

#DDE3B6
(221,227,182)

#E4E8C7
(228,232,199)

#EBEDD8
(235,237,216)

#F2F2E9
(242,242,233)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #ACC03F. Utilizzate rgb(172,192,63) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #ACC03F; }

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

Il colore di questo testo è #ACC03F.

Colore dello sfondo

.myBgColor { background-color: #ACC03F; }

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

Questo div ha lo sfondo di colore #ACC03F.

Colore del bordo

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

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

Questo div ha i bordi di colore ACC03F.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #ACC03F.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #ACC03F.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #ACC03F

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

Esempio del testo bianco sullo sfondo del colore #ACC03F

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

COLORE #ACC03F