Colore #0693FF, codici hex ed rgb, esempi

Informazioni

Il colore #0693FF contiene principalmente il blu. Per il #0693FF il colore web safe è #0099FF (#09F).

Modello di colore RGB

Il colore 0693FF in RGB è definito come 6,147,255

Il rosso è 6;
Il verde è 147;
Il blu è 255.

RGB:
(6,147,255)
(2%,58%,100%)

Rapporto dei colori in RGB

R 6 da 255 = 2%
G 147 da 255 = 58%
B 255 da 255 = 100%

147

255

R + G + B ~ 53%. #0693FF colore medio (né scuro né chiaro).

Canali RGB in percentuale

R + G + B =
6 + 147 + 255 = 408 (100%)
R 6 da 408 ~ 1.47%
G 147 da 408 ~ 36.03%
B 255 da 408 ~ 62.5%

%36.03

%62.5

Modello di colore CMYK

Il colore #0693FF in CMYK è definito come 98,42,0,0.

Il color verde blu è 97.65%
Il color magenta è 42.35%
Il giallo è 0.00%
Il colore chiave è 0.00%

CMYK:
(98,42,0,0)
C98M42Y0K0 
(98%,42%,0%,0%)
(0.98/0.42/0.00/0.00)

Canali CMYK in percentuale

%97.65

%42.35

Codici del colore

Il #0693FF nei modelli di colore popolari.

	06	93	FF
RGB	6	147	255
HSL	206°	100.00%	51.18%
HSB/HSV	206°	97.65%	100.00%
CMYK	97.65%	42.35%	0.00%
CMYK	0.00%

Il #0693FF nei modelli numerici popolari.

Esadicemale	06	93	FF
Decimale	6	147	255
Binario	110	10010011	11111111
Ottale	6	223	377

Tonalita del colore

Tonalità scure del colore #0693FF

#0693FF
(6,147,255)

#0686E8
(6,134,232)

#0679D1
(6,121,209)

#066CBA
(6,108,186)

#065FA3
(6,95,163)

#06528C
(6,82,140)

#064575
(6,69,117)

#06385E
(6,56,94)

#062B47
(6,43,71)

#061E30
(6,30,48)

#061119
(6,17,25)

#000000
(0,0,0)

Tonalità chiare del colore #0693FF

#0693FF
(6,147,255)

#1C9CFF
(28,156,255)

#32A5FF
(50,165,255)

#48AEFF
(72,174,255)

#5EB7FF
(94,183,255)

#74C0FF
(116,192,255)

#8AC9FF
(138,201,255)

#A0D2FF
(160,210,255)

#B6DBFF
(182,219,255)

#CCE4FF
(204,228,255)

#E2EDFF
(226,237,255)

#FFFFFF
(255,255,255)

Stili css3

Esempi dei codici css e html per gli elementi di colore #0693FF. Utilizzate rgb(6,147,255) anche al posto del codice hex.

Colore del testo

.myTextColor { color: #0693FF; }

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

Il colore di questo testo è #0693FF.

Colore dello sfondo

.myBgColor { background-color: #0693FF; }

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

Questo div ha lo sfondo di colore #0693FF.

Colore del bordo

.myBorderColor { border: 1px solid #0693FF; }

<div style="border:3px solid #0693FF">Div</div>

Questo div ha i bordi di colore 0693FF.

Trasparenza

.myOpacity80 { color: #0693FF; opacity: 0.8; }

<p style="color:#0693FF;opacity:0.8;">80%</p>

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

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

Questo testo ha l'ombra di colore #0693FF.

.textShadow {text-shadow: 3px 3px 1px #0693FF, 3px 3px 1px red;}

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

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

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

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

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

Colore dell'ombra dell'elemento div

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

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

Questo div ha l'ombra di colore #0693FF.

Esempi

Esempio del colore sullo sfondo nero

Questo e il testo di colore #0693FF sullo sfondo nero.

Esempio del colore sullo sfondo bianco

Questo e il testo di colore #0693FF sullo sfondo bianco.

Esempio del testo nero sullo sfondo del colore #0693FF

Questo è un testo nero sullo sfondo del colore #0693FF.

Esempio del testo bianco sullo sfondo del colore #0693FF

Questo è un testo bianco sullo sfondo del colore #0693FF.

COLORE #0693FF