COLORE #ADD0FE

HEX: #ADD0FE RGB: (173,208,254)

Informazioni
Codici del colore
Stili css3
Esempi
Tonalita del colore
Combinazioni di colori

Informazioni

Il colore #ADD0FE contiene principalmente il verde e il blu. Per il #ADD0FE il colore web safe è #99CCFF (#9CF).

Modello di colore RGB

Il colore ADD0FE in RGB è definito come 173,208,254

Il rosso è 173;
Il verde è 208;
Il blu è 254.

RGB: (173,208,254) (68%, 82%, 100%)

Rapporto dei colori in RGB

R 173 da 255 = 68%
G 208 da 255 = 82%
B 254 da 255 = 100%

173

208

254

R + G + B ~ 83%. #ADD0FE colore abbastanza chiaro.

Canali RGB in percentuale

R + G + B = 173 + 208 + 254 = 635 (100%)
R 173 da 635 ~ 27.24%
G 208 da 635 ~ 32.76%
B 254 da 635 ~ 40'%

%27.24

%32.76

%40

Modello di colore CMYK

Il colore #ADD0FE in CMYK è definito come 32,18,0,0.

Il color verde blu è 31.89%
Il color magenta è 18.11%
Il giallo è 0.00%
Il colore chiave è 0.39%

CMYK: (32,18,0,0)
C32M18Y0K0 (32%, 18%, 0%, 0%)
(0.32 / 0.18 / 0.00 / 0.00)

Canali CMYK in percentuale

%31.89

%18.11

%0.39

Codici del colore

Il #ADD0FE nei modelli di colore popolari.

	AD	D0	FE
RGB	173	208	254
HSL	214°	97.59%	83.73%
HSB/HSV	214°	31.89%	99.61%
CMYK	31.89%	18.11%	0.00%
CMYK	0.39%

Il #ADD0FE nei modelli numerici popolari.

Esadicemale	AD	D0	FE
Decimale	173	208	254
Binario	10101101	11010000	11111110
Ottale	255	320	376

Tonalita del colore

Tonalità scure del colore #ADD0FE

#ADD0FE
(173,208,254)

#9EBEE7
(158,190,231)

#8FACD0
(143,172,208)

#809AB9
(128,154,185)

#7188A2
(113,136,162)

#62768B
(98,118,139)

#536474
(83,100,116)

#44525D
(68,82,93)

#354046
(53,64,70)

#262E2F
(38,46,47)

#171C18
(23,28,24)

#000000
(0,0,0)

Tonalità chiare del colore #ADD0FE

#ADD0FE
(173,208,254)

#B4D4FE
(180,212,254)

#BBD8FE
(187,216,254)

#C2DCFE
(194,220,254)

#C9E0FE
(201,224,254)

#D0E4FE
(208,228,254)

#D7E8FE
(215,232,254)

#DEECFE
(222,236,254)

#E5F0FE
(229,240,254)

#ECF4FE
(236,244,254)

#F3F8FE
(243,248,254)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #ADD0FE. Utilizzate rgb(173,208,254) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #ADD0FE; }

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

Il colore di questo testo è #ADD0FE.

Colore dello sfondo

.myBgColor { background-color: #ADD0FE; }

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

Questo div ha lo sfondo di colore #ADD0FE.

Colore del bordo

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

Questo div ha i bordi di colore ADD0FE.

Trasparenza

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

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

Questo testo ha l'ombra di colore #ADD0FE.

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #ADD0FE.