COLORE #FD4C2D

HEX: #FD4C2D
RGB: (253,76,45)

Informazioni

Il colore #FD4C2D contiene principalmente il rosso. Per il #FD4C2D il colore web safe è #FF3333 (#F33).

Modello di colore RGB

Il colore FD4C2D in RGB è definito come 253,76,45

  • Il rosso è 253;
  • Il verde è 76;
  • Il blu è 45.
RGB:
(253,76,45)
(99%,30%,18%)

Rapporto dei colori in RGB

R 253 da 255 = 99%
G 76 da 255 = 30%
B 45 da 255 = 18%

253
76
45

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

Canali RGB in percentuale

R + G + B =
253 + 76 + 45 = 374 (100%)
R 253 da 374 ~ 67.65%
G 76 da 374 ~ 20.32%
B 45 da 374 ~ 12.03%

%67.65
%20.32
%12.03

Modello di colore CMYK

Il colore #FD4C2D in CMYK è definito come 0,70,82,1.

  • Il color verde blu è 0.00%
  • Il color magenta è 69.96%
  • Il giallo è 82.21%
  • Il colore chiave è 0.78%
CMYK:
(0,70,82,1)
C0M70Y82K1 
(0%,70%,82%,1%)
(0.00/0.70/0.82/0.01)	

Canali CMYK in percentuale

%0
%69.96
%82.21
%0.78

Codici del colore

Il #FD4C2D nei modelli di colore popolari.

FD4C2D
RGB2537645
HSL98.11%58.43%
HSB/HSV82.21%99.22%
CMYK0.00%69.96%82.21%
0.78%

Il #FD4C2D nei modelli numerici popolari.

EsadicemaleFD4C2D
Decimale2537645
Binario111111011001100101101
Ottale37511455

Tonalita del colore

Tonalità scure del colore #FD4C2D

#FD4C2D
(253,76,45)
#E64629
(230,70,41)
#CF4025
(207,64,37)
#B83A21
(184,58,33)
#A1341D
(161,52,29)
#8A2E19
(138,46,25)
#732815
(115,40,21)
#5C2211
(92,34,17)
#451C0D
(69,28,13)
#2E1609
(46,22,9)
#171005
(23,16,5)
#000000
(0,0,0)

Tonalità chiare del colore #FD4C2D

#FD4C2D
(253,76,45)
#FD5C40
(253,92,64)
#FD6C53
(253,108,83)
#FD7C66
(253,124,102)
#FD8C79
(253,140,121)
#FD9C8C
(253,156,140)
#FDAC9F
(253,172,159)
#FDBCB2
(253,188,178)
#FDCCC5
(253,204,197)
#FDDCD8
(253,220,216)
#FDECEB
(253,236,235)
#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #FD4C2D. Utilizzate rgb(253,76,45) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #FD4C2D; }

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

Il colore di questo testo è #FD4C2D.


Colore dello sfondo

.myBgColor { background-color: #FD4C2D; }

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

Questo div ha lo sfondo di colore #FD4C2D.


Colore del bordo

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

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

Questo div ha i bordi di colore FD4C2D.


Trasparenza

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

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

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

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

Questo testo ha l'ombra di colore #FD4C2D.

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

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

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


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

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

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


Colore dell'ombra dell'elemento div

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

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

Esempi

Esempio del colore sullo sfondo nero

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


Esempio del colore sullo sfondo bianco

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



Esempio del testo nero sullo sfondo del colore #FD4C2D

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


Esempio del testo bianco sullo sfondo del colore #FD4C2D

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