Colore #0F2737, codici hex ed rgb, esempi

Informazioni

Il colore #0F2737 contiene il rosso, il verde e il blu in proporzioni più o meno uguali. Per il #0F2737 il colore web safe è #003333 (#033).

Modello di colore RGB

Il colore 0F2737 in RGB è definito come 15,39,55

Il rosso è 15;
Il verde è 39;
Il blu è 55.

RGB:
(15,39,55)
(6%,15%,22%)

Rapporto dei colori in RGB

R 15 da 255 = 6%
G 39 da 255 = 15%
B 55 da 255 = 22%

R + G + B ~ 14%. #0F2737 colore scuro.

Canali RGB in percentuale

R + G + B =
15 + 39 + 55 = 109 (100%)
R 15 da 109 ~ 13.76%
G 39 da 109 ~ 35.78%
B 55 da 109 ~ 50.46%

%13.76

%35.78

%50.46

Modello di colore CMYK

Il colore #0F2737 in CMYK è definito come 73,29,0,78.

Il color verde blu è 72.73%
Il color magenta è 29.09%
Il giallo è 0.00%
Il colore chiave è 78.43%

CMYK:
(73,29,0,78)
C73M29Y0K78 
(73%,29%,0%,78%)
(0.73/0.29/0.00/0.78)

Canali CMYK in percentuale

%72.73

%29.09

%78.43

Codici del colore

Il #0F2737 nei modelli di colore popolari.

	0F	27	37
RGB	15	39	55
HSL	204°	57.14%	13.73%
HSB/HSV	204°	72.73%	21.57%
CMYK	72.73%	29.09%	0.00%
CMYK	78.43%

Il #0F2737 nei modelli numerici popolari.

Esadicemale	0F	27	37
Decimale	15	39	55
Binario	1111	100111	110111
Ottale	17	47	67

Tonalita del colore

Tonalità scure del colore #0F2737

#0F2737
(15,39,55)

#0E2432
(14,36,50)

#0D212D
(13,33,45)

#0C1E28
(12,30,40)

#0B1B23
(11,27,35)

#0A181E
(10,24,30)

#091519
(9,21,25)

#081214
(8,18,20)

#070F0F
(7,15,15)

#060C0A
(6,12,10)

#050905
(5,9,5)

#000000
(0,0,0)

Tonalità chiare del colore #0F2737

#0F2737
(15,39,55)

#243A49
(36,58,73)

#394D5B
(57,77,91)

#4E606D
(78,96,109)

#63737F
(99,115,127)

#788691
(120,134,145)

#8D99A3
(141,153,163)

#A2ACB5
(162,172,181)

#B7BFC7
(183,191,199)

#CCD2D9
(204,210,217)

#E1E5EB
(225,229,235)

#FFFFFF
(255,255,255)

Stili css3

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

Colore del testo

.myTextColor { color: #0F2737; }

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

Il colore di questo testo è #0F2737.

Colore dello sfondo

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

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

Questo div ha lo sfondo di colore #0F2737.

Colore del bordo

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

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

Questo div ha i bordi di colore 0F2737.

Trasparenza

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

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

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

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

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

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

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

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #0F2737 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #0F2737 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #0F2737

Questo è un testo nero sullo sfondo del colore #0F2737.

Esempio del testo bianco sullo sfondo del colore #0F2737

Questo è un testo bianco sullo sfondo del colore #0F2737.

COLORE #0F2737