Colore #24ADE4, codici hex ed rgb, esempi

Informazioni

Il colore #24ADE4 contiene principalmente il verde e il blu. Per il #24ADE4 il colore web safe è #3399CC (#39C).

Modello di colore RGB

Il colore 24ADE4 in RGB è definito come 36,173,228

Il rosso è 36;
Il verde è 173;
Il blu è 228.

RGB:
(36,173,228)
(14%,68%,89%)

Rapporto dei colori in RGB

R 36 da 255 = 14%
G 173 da 255 = 68%
B 228 da 255 = 89%

173

228

R + G + B ~ 57%. #24ADE4 colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
36 + 173 + 228 = 437 (100%)
R 36 da 437 ~ 8.24%
G 173 da 437 ~ 39.59%
B 228 da 437 ~ 52.17%

%39.59

%52.17

Modello di colore CMYK

Il colore #24ADE4 in CMYK è definito come 84,24,0,11.

Il color verde blu è 84.21%
Il color magenta è 24.12%
Il giallo è 0.00%
Il colore chiave è 10.59%

CMYK:
(84,24,0,11)
C84M24Y0K11 
(84%,24%,0%,11%)
(0.84/0.24/0.00/0.11)

Canali CMYK in percentuale

%84.21

%24.12

%10.59

Codici del colore

Il #24ADE4 nei modelli di colore popolari.

	24	AD	E4
RGB	36	173	228
HSL	197°	78.05%	51.76%
HSB/HSV	197°	84.21%	89.41%
CMYK	84.21%	24.12%	0.00%
CMYK	10.59%

Il #24ADE4 nei modelli numerici popolari.

Esadicemale	24	AD	E4
Decimale	36	173	228
Binario	100100	10101101	11100100
Ottale	44	255	344

Tonalita del colore

Tonalità scure del colore #24ADE4

#24ADE4
(36,173,228)

#219ED0
(33,158,208)

#1E8FBC
(30,143,188)

#1B80A8
(27,128,168)

#187194
(24,113,148)

#156280
(21,98,128)

#12536C
(18,83,108)

#0F4458
(15,68,88)

#0C3544
(12,53,68)

#092630
(9,38,48)

#06171C
(6,23,28)

#000000
(0,0,0)

Tonalità chiare del colore #24ADE4

#24ADE4
(36,173,228)

#37B4E6
(55,180,230)

#4ABBE8
(74,187,232)

#5DC2EA
(93,194,234)

#70C9EC
(112,201,236)

#83D0EE
(131,208,238)

#96D7F0
(150,215,240)

#A9DEF2
(169,222,242)

#BCE5F4
(188,229,244)

#CFECF6
(207,236,246)

#E2F3F8
(226,243,248)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #24ADE4. Utilizzate rgb(36,173,228) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #24ADE4; }

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

Il colore di questo testo è #24ADE4.

Colore dello sfondo

.myBgColor { background-color: #24ADE4; }

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

Questo div ha lo sfondo di colore #24ADE4.

Colore del bordo

.myBorderColor { border: 1px solid #24ADE4; }

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

Questo div ha i bordi di colore 24ADE4.

Trasparenza

.myOpacity80 { color: #24ADE4; opacity: 0.8; }

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

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

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

Questo testo ha l'ombra di colore #24ADE4.

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

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #24ADE4.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #24ADE4 sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #24ADE4 sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #24ADE4

Questo è un testo nero sullo sfondo del colore #24ADE4.

Esempio del testo bianco sullo sfondo del colore #24ADE4

Questo è un testo bianco sullo sfondo del colore #24ADE4.

COLORE #24ADE4