HEX para OKLCH: #00BFFF
Também conhecida como: CSS deepskyblue
Resultado
#00BFFF → oklch(0.755 0.153 231.6)
Os valores aparecem com precisão total, então converter de volta dá exatamente #00bfff. A forma arredondada é a que normalmente se cola no CSS.
Cálculo passo a passo
Cada número é calculado a partir da entrada; nada é consultado em tabelas.
1. sRGB → linear
R: 0/255 = 0.00000 → 0.000000 (÷ 12.92) G: 191/255 = 0.74902 → 0.520996 (((x + 0.055) / 1.055)^2.4) B: 255/255 = 1.00000 → 1.000000 (((x + 0.055) / 1.055)^2.4)
2. linear sRGB → LMS
l = 0.4122·R + 0.5363·G + 0.0514·B = 0.330873 m = 0.2119·R + 0.6807·G + 0.1074·B = 0.462038 s = 0.0883·R + 0.2817·G + 0.6300·B = 0.776753
3. cube root
l′ = ∛0.330873 = 0.691651 m′ = ∛0.462038 = 0.773083 s′ = ∛0.776753 = 0.919237
4. LMS′ → Oklab
L = 0.2105·l′ + 0.7936·m′ − 0.0041·s′ = 0.75535 a = 1.9780·l′ − 2.4286·m′ + 0.4506·s′ = -0.09522 b = 0.0259·l′ + 0.7828·m′ − 0.8087·s′ = -0.12030
5. Oklab → OKLCH
C = √(a² + b²) = 0.15342 H = atan2(b, a) = 231.639° L = 0.75535
6. OKLCH
oklch(0.75535 0.15342 231.639) rounded: oklch(0.755 0.153 231.6)
Todos os formatos
- HEX
- #00bfff
- RGB
- rgb(0 191 255)
- RGB (legacy)
- rgb(0, 191, 255)
- HSL
- hsl(195.06 100.00% 50.00%) → hsl(195 100% 50%)
- HWB
- hwb(195 0% 0%)
- OKLCH
- oklch(0.755 0.153 231.6) · oklch(75.5% 0.153 231.6)
- OKLab
- oklab(0.755 -0.095 -0.120)
- Lab (D50)
- lab(71.83 -24.07 -43.56)
- LCH (D50)
- lch(71.83 49.76 241.07)
- Display P3
- color(display-p3 0.3363 0.7378 0.9769)
- Linear sRGB
- color(srgb-linear 0.0000 0.5210 1.0000)
Gamut: sRGB e Display P3
#00BFFF é uma cor hexadecimal, portanto está dentro do sRGB e, por isso, do Display P3. Com esta luminosidade e matiz, o sRGB chega a um croma de 0.153 e o Display P3 a 0.166; esta cor usa 100% do croma sRGB disponível.
Trechos de CSS
.element {
color: #00bfff;
color: rgb(0 191 255);
color: hsl(195 100% 50%);
color: oklch(0.755 0.153 231.6);
}
/* Tailwind CSS v4 */
@theme {
--color-brand: oklch(0.755 0.153 231.6);
}
/* arbitrary values */
class="text-[#00bfff] bg-[oklch(0.755_0.153_231.6)]"
/* wide-gamut screens */
@media (color-gamut: p3) {
.element { color: color(display-p3 0.3363 0.7378 0.9769); }
}
/* relative color syntax: 10% darker */
.element-dark { color: oklch(from #00bfff calc(l - 0.1) c h); }Cores próximas
Cores mais próximas nas paletas do Tailwind e do CSS (distância OKLab).
- sky-400#00BCFF
- v3 sky-400#38BDF8
- cyan-500#00B8DB
- v3 cyan-500#06B6D4
- cyan-400#00D3F2
- sky-500#00A6F4
- v3 cyan-400#22D3EE
- v3 sky-500#0EA5E9
Mais claro e mais escuro, mesmo matiz e croma
- #35D3FF · oklch(0.815 0.153 231.6) · ΔL +0.06
- #00ACEB · oklch(0.695 0.153 231.6) · ΔL −0.06