Encycolorpedia

Blue / Azul / Pinboard / #0000ff / #00f Código de cor hexadecimal

Tintas com correspondência exata:

  • Ford Blue

  • Warcolours Ultramarine Blue

Amostra de cor #0000ffA cor blue / Azul com o código de cor hexadecimal #0000ff / #00f é um tom de azul-magenta. No modelo de cor RGB, #0000ff é composto por 0,0% de vermelho, 0,0% de verde e 100,0% de azul. No espaço de cor HSL, #0000ff tem um matiz de 240°, uma saturação de 100% e uma luminosidade de 50%. Seu comprimento de onda dominante estimado em relação ao branco de referência D65 é de 464,31 nm.

Variações de cor

Cores com nome relacionadas

Esquemas de cores

Baixar: GIMP GPL Adobe ASE (Adobe Swatch Exchange) Sketch Palette CSS Custom Properties Design Tokens (DTCG JSON) Procreate Swatches (first 30 colors) Photoshop ACO (Color Swatches)

Gradiente linear de #0000ff até a cor complementar #2c5600

  1. #0000ff / #00f
  2. #4324d4
  3. #5334ab
  4. #554082
  5. #50495b
  6. #435034
  7. #2c5600

Cores monocromáticas

  1. #0000c4
  2. #0000d7
  3. #0000eb
  4. #0000ff / #00f
  5. #3418ff
  6. #4a27ff
  7. #5b34ff

Tons

  1. #0000ff / #00f
  2. #3c1edf
  3. #4d2cc1
  4. #5437a2
  5. #563f85
  6. #534668
  7. #4c4c4c

Tons claros e escuros

#0000ff para branco

  1. #0000ff / #00f
  2. #683eff
  3. #9266ff
  4. #b38cff
  5. #cfb2ff
  6. #e8d8ff
  7. #ffffff / #fff

#0000ff para preto

  1. #0000ff / #00f
  2. #1e0bd0
  3. #2510a3
  4. #241178
  5. #1f104f
  6. #170b2a
  7. #000000 / #000

Tintas

As distâncias de correspondência usam ΔE′ CAM16-UCS: valores menores indicam amostras digitais mais próximas. Estes valores não são intercambiáveis com CIE76 ou CIEDE2000 e não garantem correspondência com tinta física. O LRV é estimado a partir da amostra digital sRGB, e não de uma medição do fabricante sobre tinta física.

As cores de tinta são aproximações digitais; a tinta real e a iluminação podem variar.

Tintas com correspondência exata

Simulação de daltonismo

Tricromacia anômala

Gravidade

Dicromacia

Monocromacia

As simulações são aproximações: a visão de cores varia de pessoa para pessoa, e as telas e a iluminação mudam a aparência das cores. A visão dos bastonetes mostra a luminosidade como as pessoas com acromatopsia completa a veem: os vermelhos parecem mais escuros e os verde-azulados mais claros. Os números de vermelho-verde referem-se a pessoas de ascendência do norte da Europa; a frequência varia conforme a ascendência.

Taxas de contraste de #0000ff

FundoWCAG 2.2Texto normalTexto grandeElementos de interface não textuaisTom aprovado mais próximo (4,5:1)Simulação de daltonismo
#ffffff8,59:1AAAAAAAAPode ser difícil de distinguir
#0000002,44:1ReprovadoReprovadoReprovado#1d69ff
Complementar #2c56001,0:1ReprovadoReprovadoReprovado#69c5ffPode ser difícil de distinguir
Análogo #004d8a1,01:1ReprovadoReprovadoReprovado#68c4ffPode ser difícil de distinguir
Análogo #9000771,0:1ReprovadoReprovadoReprovado#6ac5ffPode ser difícil de distinguir
Complementares divididas #0058341,0:1ReprovadoReprovadoReprovado#69c5ffPode ser difícil de distinguir
Complementares divididas #564d001,01:1ReprovadoReprovadoReprovado#6ac6ffPode ser difícil de distinguir
Tríade #00564f1,0:1ReprovadoReprovadoReprovado#69c5ffPode ser difícil de distinguir
Tríade #733f001,0:1ReprovadoReprovadoReprovado#69c5ffPode ser difícil de distinguir
Quadrado #9d000d1,0:1ReprovadoReprovadoReprovado#69c5ffPode ser difícil de distinguir
Quadrado #0054601,0:1ReprovadoReprovadoReprovado#69c5ffPode ser difícil de distinguir
Tetrádico #9900451,0:1ReprovadoReprovadoReprovado#69c5ffPode ser difícil de distinguir
Como funciona o verificador

Texto grande: pelo menos 18 pt, ou 14 pt em negrito. As taxas são arredondadas apenas na exibição; a avaliação usa o valor exato.

A luminosidade OkLCh é ajustada com matiz e croma fixos antes do recorte sRGB e do arredondamento. O resultado é verificado novamente.

Um ΔE CIE76 simulado abaixo de 10 gera um aviso conservador. É uma aproximação, não um requisito WCAG; nunca dependa apenas da cor.

Exemplos de HTML e CSS com #0000ff

#0000ff em primeiro plano

Caõ de palheiro nem come, nem deixa comer.

<p style="color: #00f">…</p>

#0000ff como fundo

Quem quer pescar, ha-se-de molhar.

<p style="background-color: #00f">…</p>

Sombra de texto #0000ff

Sempre o alheo suspira por seu dono.

<p style="text-shadow: 0.1em 0.1em 0.15em #00f">…</p>

Gráficos de composição

Conversões de espaço de cores

Entrada: sRGB opaco de 8 bits; observador CIE 1931 de 2°. XYZ e CIELab/LCh usam D65, salvo indicação D50; as conversões D50 usam adaptação Bradford. O branco XYZ é Y = 100, ou Y = 1 para CSS e u′v′Y. As coordenadas apresentadas são arredondadas.

As distâncias de correspondência usam ΔE′ CAM16-UCS: valores menores indicam amostras digitais mais próximas. Estes valores não são intercambiáveis com CIE76 ou CIEDE2000 e não garantem correspondência com tinta física.

Os valores Y′CbCr são coordenadas normalizadas ou valores de código de 10 bits não quantizados de faixa limitada.

CIECAM02 e CAM02-UCS: D65; LA = 40 cd/m²; Yb = 20 (Yw = 100); F = 1; c = 0,69; Nc = 1.

CAM16 e CAM16-UCS: D65; LA = 40 cd/m²; Yb = 20 (Yw = 100); F = 1; c = 0,69; Nc = 1. Ambiente envolvente de luminosidade média.

HCT (Material Color Utilities): D65; LA ≈ 11,73 cd/m²; Yb = 18,42 (Yw = 100); F = 1; c = 0,69; Nc = 1; T = L*.

JzAzBz e JzCzHz usam branco a 1 cd/m². Esta convenção de luminância é independente da predefinição BT.2100.

Os valores ACES usam uma conversão colorimétrica com adaptação Bradford; não reconstroem a exposição da cena.

BT.2100 PQ/HLG e ICtCp pressupõem branco sRGB de 203 cd/m². HLG: pico 1000 cd/m², preto 0 cd/m², gama do sistema 1,2, ambiente de referência.

Decimal
255
Binário
00000000, 00000000, 11111111
Hexadecimal
#0000ff / #00f
LRV
≈ 7,2%
O LRV é estimado a partir da amostra digital sRGB, e não de uma medição do fabricante sobre tinta física.
RGB
rgb(0, 0, 255)
RGBA
rgba(0, 0, 255, 1.0)
Adobe RGB (1998)
R: 0,00223; G: 0,00407; B: 0,98096
cromaticidade rg
r: 0,0; g: 0,0; b: 1,0
RYB
vermelho: 0,0%; amarelo: 0,0%; azul: 100,0%
Android / android.graphics.Color
-16776961 / 0xff0000ff
HSL
hsl(240, 100%, 50%)
HSLA
hsla(240, 100%, 50%, 1.0)
HSV / HSB
matiz: 240° (240,0); saturação: 100% (1,0); valor: 100% (1,0)
HSP
matiz: 240,0; saturação: 100,0%; brilho percebido: 33,764%
HSLuv (HUSL)
H: 265,873; S: 100,019; L: 32,297
Cubehelix
H: -123,058; S: 4,614; L: 0,11
TSL
T: -2,951; S: 0,632; L: 0,114
CMYK
ciano: 100% (1,0); magenta: 100% (1,0); amarelo: 0% (0,0); preto: 0% (0,0)
CMYK é uma aproximação simples derivada de RGB sem perfil ICC de impressora; não é uma especificação de impressão.
CMY
ciano: 100% (1,0); magenta: 100% (1,0); amarelo: 0% (0,0)
XYZ D65 / Y=100
X: 18,044; Y: 7,218; Z: 95,03
xyY
x: 0,15; y: 0,06; Y: 7,218
CIELab D65
L: 32,297; a: 79,188; b: -107,86
CIELuv
L: 32,297; u: -9,405; v: -130,342
CIELCH / LCHab D65
L: 32,297; C: 133,808; H: 306,285
CIELUV / LCHuv
L: 32,297; C: 130,681; H: 265,873
Hunter-Lab
L: 26,865; a: 72,872; b: -190,919
CIECAM02
J: 21,163; C: 90,872; h: -102,227; Q: 90,636; M: 79,467; s: 93,636; H: 309,933
CAM16 JCh
luminosidade: 25,226; croma: 86,594; matiz: 282,818
CAM16 JMh
luminosidade: 25,226; colorido: 75,726; matiz: 282,818
CAM16 Jsh
luminosidade: 25,226; saturação: 87,476; matiz: 282,818
CAM16 QCh
brilho percebido: 98,96; croma: 86,594; matiz: 282,818
CAM16 QMh
brilho percebido: 98,96; colorido: 75,726; matiz: 282,818
CAM16 Qsh
brilho percebido: 98,96; saturação: 87,476; matiz: 282,818
CAM16 UCS JMh
luminosidade: 36,448; colorido: 43,993; matiz: 282,818
CAM16 UCS Jab
luminosidade: 36,448; a: 9,76; b: -42,896
HCT
H: 282,788; C: 87,231; T: 32,303
OSA-UCS
luminosidade: -11,082; amarelo: -20,387; verde: 6,708
LMS
L: 0,89; M: 0,136; S: 93,605
YCbCr / BT.601 / sRGB / 8 bits [16–235; 16–240]
Y: 40,99; Cb: 239,945; Cr: 109,895
YCoCg
Y: 63,75; Cg: -63,75; Co: -63,75
YDbDr
Y: 29,07; Db: 339,915; Dr: 55,335
YPbPr
Y: 18,36; Pb: 127,5; Pr: -11,73
xvYCC
Y: 31,768; Cb: 240,0; Cr: 117,696
YIQ
Y: 29,07; I: -81,922; Q: 79,339
YUV
Y: 29,07; U: 111,18; V: -25,503
Okhsl
h: 264,052; s: 1,0; l: 0,367
Okhsv
h: 264,052; s: 1,0; v: 1,0
Okhwb
h: 264,052; w: 0,0; b: 0,0
Oklab
oklab(0.45201 -0.03246 -0.31153)
OkLCh
oklch(0.45201 0.31321 264.052)
JzAzBz
Jz: 0,00478; Az: -0,00116; Bz: -0,02495
JzCzHz
Jz: 0,00478; Cz: 0,02498; Hz: 267,33187
Linear sRGB
color(srgb-linear 0.000000 0.000000 1.000000)
Display P3
color(display-p3 0.000001 0.000000 0.959579)
Linear Display P3
color(display-p3-linear 0.000000 0.000000 0.910499)
Adobe RGB (1998) / CSS
color(a98-rgb 0.000000 0.000000 0.981069)
ProPhoto RGB / ROMM RGB
color(prophoto-rgb 0.336222 0.137634 0.922854)
Rec.2020 RGB / SDR
color(rec2020 0.270313 0.154788 0.955085)
XYZ D65 / CSS
color(xyz-d65 0.180438 0.072175 0.950304)
XYZ D50 / CSS
color(xyz-d50 0.143080 0.060617 0.714173)
CIELab D50 / CSS
lab(29.567579 68.298656 -112.029420)
CIELCh D50 / CSS
lch(29.567579 131.207078 301.368544)
HWB
hwb(240.000000 0.000000% 0.000000%)
Rec.709 RGB / OETF
R′: 0,000000; G′: 0,000000; B′: 1,000000
eciRGB v2
R: 0,211229; G: -0,356241; B: 0,979009
CIE 1976 u′v′Y / Y=1
u′: 0,175439; v′: 0,157895; Y: 0,072175
CAM02-UCS
J′: 31,335211; a′: -9,602942; b′: -44,315247
Y′CbCr BT.709 / Y′ [0; 1]; Cb/Cr [−0,5; 0,5]
Y′: 0,072200; Cb: 0,500000; Cr: -0,045847
Y′CbCr BT.709 / 10 bits [64–940; 64–960]
Y′: 127,247200; Cb: 960,000000; Cr: 470,921006
Y′CbCr BT.2020 NCL / Y′ [0; 1]; Cb/Cr [−0,5; 0,5]
Y′: 0,135023; Cb: 0,431460; Cr: 0,022588
Y′CbCr BT.2020 NCL / 10 bits [64–940; 64–960]
Y′: 182,279949; Cb: 898,588360; Cr: 532,238681
ACEScg / AP1
R: 0,047369; G: 0,013447; B: 0,869793
ACES2065-1 / AP0
R: 0,177367; G: 0,096777; B: 0,870890
ACEScct
R: 0,303658; G: 0,199970; B: 0,543307
BT.2100 PQ / RGB
R′: 0,289623; G′: 0,196797; B′: 0,569192
BT.2100 HLG / RGB
R′: 0,230880; G′: 0,118258; B′: 0,813350
ICtCp / BT.2100 PQ
I: 0,355977; Ct: 0,269332; Cp: -0,161388
ICtCp / BT.2100 HLG
I: 0,347261; Ct: 0,333710; Cp: -0,174468
Sistema de cores de Munsell
7.5PB 3/22 ΔE′ CAM16-UCS = 6,943 / ΔLRV = -1,2 (mais escuro)
Cor da marca
★ Pinboard

Cores aleatórias

Vermelho

Verde

Azul