Colore #0F3F57, codici hex ed rgb, esempi

Informazioni

Il colore #0F3F57 contiene principalmente il verde e il blu. Per il #0F3F57 il colore web safe è #003366 (#036).

Modello di colore RGB

Il colore 0F3F57 in RGB è definito come 15,63,87

Il rosso è 15;
Il verde è 63;
Il blu è 87.

RGB: (15,63,87) (6%, 25%, 34%)

Rapporto dei colori in RGB

R 15 da 255 = 6%
G 63 da 255 = 25%
B 87 da 255 = 34%

15

63

87

R + G + B ~ 22%. #0F3F57 colore scuro.

Canali RGB in percentuale

R + G + B = 15 + 63 + 87 = 165 (100%)
R 15 da 165 ~ 9.09%
G 63 da 165 ~ 38.18%
B 87 da 165 ~ 52.73'%

%38.18

%52.73

Modello di colore CMYK

Il colore #0F3F57 in CMYK è definito come 83,28,0,66.

Il color verde blu è 82.76%
Il color magenta è 27.59%
Il giallo è 0.00%
Il colore chiave è 65.88%

CMYK: (83,28,0,66)
C83M28Y0K66 (83%, 28%, 0%, 66%)
(0.83 / 0.28 / 0.00 / 0.66)

Canali CMYK in percentuale

%82.76

%27.59

%0

%65.88

Codici del colore

Il #0F3F57 nei modelli di colore popolari.

	0F	3F	57
RGB	15	63	87
HSL	200°	70.59%	20.00%
HSB/HSV	200°	82.76%	34.12%
CMYK	82.76%	27.59%	0.00%
CMYK	65.88%

Il #0F3F57 nei modelli numerici popolari.

Esadicemale	0F	3F	57
Decimale	15	63	87
Binario	1111	111111	1010111
Ottale	17	77	127

Tonalita del colore

Tonalità scure del colore #0F3F57

#0F3F57
(15,63,87)

#0E3A50
(14,58,80)

#0D3549
(13,53,73)

#0C3042
(12,48,66)

#0B2B3B
(11,43,59)

#0A2634
(10,38,52)

#09212D
(9,33,45)

#081C26
(8,28,38)

#07171F
(7,23,31)

#061218
(6,18,24)

#050D11
(5,13,17)

#000000
(0,0,0)

Tonalità chiare del colore #0F3F57

#0F3F57
(15,63,87)

#245066
(36,80,102)

#396175
(57,97,117)

#4E7284
(78,114,132)

#638393
(99,131,147)

#7894A2
(120,148,162)

#8DA5B1
(141,165,177)

#A2B6C0
(162,182,192)

#B7C7CF
(183,199,207)

#CCD8DE
(204,216,222)

#E1E9ED
(225,233,237)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #0F3F57. Utilizzate rgb(15,63,87) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #0F3F57; }

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

Il colore di questo testo è #0F3F57.

Colore dello sfondo

.myBgColor { background-color: #0F3F57; }

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

Questo div ha lo sfondo di colore #0F3F57.

Colore del bordo

.myBorderColor { border: 1px solid #0F3F57; }

Questo div ha i bordi di colore 0F3F57.

Trasparenza

.myOpacity80 { color: #0F3F57; opacity: 0.8; }

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

Questo testo ha l'ombra di colore #0F3F57.

.textShadow {text-shadow: 3px 3px 1px #0F3F57', 3px 3px 1px red;}

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #0F3F57.