Colore #EEB545, codici hex ed rgb, esempi

Informazioni

Il colore #EEB545 contiene principalmente il rosso e il verde. Per il #EEB545 il colore web safe è #FFCC33 (#FC3).

Modello di colore RGB

Il colore EEB545 in RGB è definito come 238,181,69

Il rosso è 238;
Il verde è 181;
Il blu è 69.

RGB:
(238,181,69)
(93%,71%,27%)

Rapporto dei colori in RGB

R 238 da 255 = 93%
G 181 da 255 = 71%
B 69 da 255 = 27%

238

181

R + G + B ~ 64%. #EEB545 colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
238 + 181 + 69 = 488 (100%)
R 238 da 488 ~ 48.77%
G 181 da 488 ~ 37.09%
B 69 da 488 ~ 14.14%

%48.77

%37.09

%14.14

Modello di colore CMYK

Il colore #EEB545 in CMYK è definito come 0,24,71,7.

Il color verde blu è 0.00%
Il color magenta è 23.95%
Il giallo è 71.01%
Il colore chiave è 6.67%

CMYK:
(0,24,71,7)
C0M24Y71K7 
(0%,24%,71%,7%)
(0.00/0.24/0.71/0.07)

Canali CMYK in percentuale

%23.95

%71.01

%6.67

Codici del colore

Il #EEB545 nei modelli di colore popolari.

	EE	B5	45
RGB	238	181	69
HSL	40°	83.25%	60.20%
HSB/HSV	40°	71.01%	93.33%
CMYK	0.00%	23.95%	71.01%
CMYK	6.67%

Il #EEB545 nei modelli numerici popolari.

Esadicemale	EE	B5	45
Decimale	238	181	69
Binario	11101110	10110101	1000101
Ottale	356	265	105

Tonalita del colore

Tonalità scure del colore #EEB545

#EEB545
(238,181,69)

#D9A53F
(217,165,63)

#C49539
(196,149,57)

#AF8533
(175,133,51)

#9A752D
(154,117,45)

#856527
(133,101,39)

#705521
(112,85,33)

#5B451B
(91,69,27)

#463515
(70,53,21)

#31250F
(49,37,15)

#1C1509
(28,21,9)

#000000
(0,0,0)

Tonalità chiare del colore #EEB545

#EEB545
(238,181,69)

#EFBB55
(239,187,85)

#F0C165
(240,193,101)

#F1C775
(241,199,117)

#F2CD85
(242,205,133)

#F3D395
(243,211,149)

#F4D9A5
(244,217,165)

#F5DFB5
(245,223,181)

#F6E5C5
(246,229,197)

#F7EBD5
(247,235,213)

#F8F1E5
(248,241,229)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #EEB545. Utilizzate rgb(238,181,69) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #EEB545; }

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

Il colore di questo testo è #EEB545.

Colore dello sfondo

.myBgColor { background-color: #EEB545; }

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

Questo div ha lo sfondo di colore #EEB545.

Colore del bordo

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

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

Questo div ha i bordi di colore EEB545.

Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #EEB545.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #EEB545.

Esempi

Esempio del colore sullo sfondo nero

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

Esempio del colore sullo sfondo bianco

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

Esempio del testo nero sullo sfondo del colore #EEB545

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

Esempio del testo bianco sullo sfondo del colore #EEB545

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

COLORE #EEB545