Colore #36B3EE, codici hex ed rgb, esempi

Informazioni

Il colore #36B3EE contiene principalmente il verde e il blu. Per il #36B3EE il colore web safe è #3399FF (#39F).

Modello di colore RGB

Il colore 36B3EE in RGB è definito come 54,179,238

Il rosso è 54;
Il verde è 179;
Il blu è 238.

RGB:
(54,179,238)
(21%,70%,93%)

Rapporto dei colori in RGB

R 54 da 255 = 21%
G 179 da 255 = 70%
B 238 da 255 = 93%

179

238

R + G + B ~ 61%. #36B3EE colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B =
54 + 179 + 238 = 471 (100%)
R 54 da 471 ~ 11.46%
G 179 da 471 ~ 38%
B 238 da 471 ~ 50.53%

%11.46

%38

%50.53

Modello di colore CMYK

Il colore #36B3EE in CMYK è definito come 77,25,0,7.

Il color verde blu è 77.31%
Il color magenta è 24.79%
Il giallo è 0.00%
Il colore chiave è 6.67%

CMYK:
(77,25,0,7)
C77M25Y0K7 
(77%,25%,0%,7%)
(0.77/0.25/0.00/0.07)

Canali CMYK in percentuale

%77.31

%24.79

%6.67

Codici del colore

Il #36B3EE nei modelli di colore popolari.

	36	B3	EE
RGB	54	179	238
HSL	199°	84.40%	57.25%
HSB/HSV	199°	77.31%	93.33%
CMYK	77.31%	24.79%	0.00%
CMYK	6.67%

Il #36B3EE nei modelli numerici popolari.

Esadicemale	36	B3	EE
Decimale	54	179	238
Binario	110110	10110011	11101110
Ottale	66	263	356

Tonalita del colore

Tonalità scure del colore #36B3EE

#36B3EE
(54,179,238)

#32A3D9
(50,163,217)

#2E93C4
(46,147,196)

#2A83AF
(42,131,175)

#26739A
(38,115,154)

#226385
(34,99,133)

#1E5370
(30,83,112)

#1A435B
(26,67,91)

#163346
(22,51,70)

#122331
(18,35,49)

#0E131C
(14,19,28)

#000000
(0,0,0)

Tonalità chiare del colore #36B3EE

#36B3EE
(54,179,238)

#48B9EF
(72,185,239)

#5ABFF0
(90,191,240)

#6CC5F1
(108,197,241)

#7ECBF2
(126,203,242)

#90D1F3
(144,209,243)

#A2D7F4
(162,215,244)

#B4DDF5
(180,221,245)

#C6E3F6
(198,227,246)

#D8E9F7
(216,233,247)

#EAEFF8
(234,239,248)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #36B3EE. Utilizzate rgb(54,179,238) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #36B3EE; }

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

Il colore di questo testo è #36B3EE.

Colore dello sfondo

.myBgColor { background-color: #36B3EE; }

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

Questo div ha lo sfondo di colore #36B3EE.

Colore del bordo

.myBorderColor { border: 1px solid #36B3EE; }

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

Questo div ha i bordi di colore 36B3EE.

Trasparenza

.myOpacity80 { color: #36B3EE; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #36B3EE.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #36B3EE.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #36B3EE sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #36B3EE sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #36B3EE

Questo è un testo nero sullo sfondo del colore #36B3EE.

Esempio del testo bianco sullo sfondo del colore #36B3EE

Questo è un testo bianco sullo sfondo del colore #36B3EE.

COLORE #36B3EE