COLORE #ED6B1E

HEX: #ED6B1E
RGB: (237,107,30)

Informazioni

Il colore #ED6B1E contiene principalmente il rosso. Per il #ED6B1E il colore web safe è #FF6633 (#F63).

Modello di colore RGB

Il colore ED6B1E in RGB è definito come 237,107,30

  • Il rosso è 237;
  • Il verde è 107;
  • Il blu è 30.
RGB:
(237,107,30)
(93%,42%,12%)

Rapporto dei colori in RGB

R 237 da 255 = 93%
G 107 da 255 = 42%
B 30 da 255 = 12%

237
107
30

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

Canali RGB in percentuale

R + G + B =
237 + 107 + 30 = 374 (100%)
R 237 da 374 ~ 63.37%
G 107 da 374 ~ 28.61%
B 30 da 374 ~ 8.02%

%63.37
%28.61

Modello di colore CMYK

Il colore #ED6B1E in CMYK è definito come 0,55,87,7.

  • Il color verde blu è 0.00%
  • Il color magenta è 54.85%
  • Il giallo è 87.34%
  • Il colore chiave è 7.06%
CMYK:
(0,55,87,7)
C0M55Y87K7 
(0%,55%,87%,7%)
(0.00/0.55/0.87/0.07)	

Canali CMYK in percentuale

%0
%54.85
%87.34
%7.06

Codici del colore

Il #ED6B1E nei modelli di colore popolari.

ED6B1E
RGB23710730
HSL22°85.19%52.35%
HSB/HSV22°87.34%92.94%
CMYK0.00%54.85%87.34%
7.06%

Il #ED6B1E nei modelli numerici popolari.

EsadicemaleED6B1E
Decimale23710730
Binario11101101110101111110
Ottale35515336

Tonalita del colore

Tonalità scure del colore #ED6B1E

#ED6B1E
(237,107,30)
#D8621C
(216,98,28)
#C3591A
(195,89,26)
#AE5018
(174,80,24)
#994716
(153,71,22)
#843E14
(132,62,20)
#6F3512
(111,53,18)
#5A2C10
(90,44,16)
#45230E
(69,35,14)
#301A0C
(48,26,12)
#1B110A
(27,17,10)
#000000
(0,0,0)

Tonalità chiare del colore #ED6B1E

#ED6B1E
(237,107,30)
#EE7832
(238,120,50)
#EF8546
(239,133,70)
#F0925A
(240,146,90)
#F19F6E
(241,159,110)
#F2AC82
(242,172,130)
#F3B996
(243,185,150)
#F4C6AA
(244,198,170)
#F5D3BE
(245,211,190)
#F6E0D2
(246,224,210)
#F7EDE6
(247,237,230)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #ED6B1E. Utilizzate rgb(237,107,30) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #ED6B1E; }

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

Il colore di questo testo è #ED6B1E.


Colore dello sfondo

.myBgColor { background-color: #ED6B1E; }

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

Questo div ha lo sfondo di colore #ED6B1E.


Colore del bordo

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

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

Questo div ha i bordi di colore ED6B1E.


Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #ED6B1E.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #ED6B1E;
-webkit-box-shadow: 1px 1px 3px 2px #ED6B1E;
box-shadow:1px 1px 3px 2px #ED6B1E;">
Div content here</div>
Questo div ha l'ombra di colore #ED6B1E.

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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



Esempio del testo nero sullo sfondo del colore #ED6B1E

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


Esempio del testo bianco sullo sfondo del colore #ED6B1E

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