HEX a OKLCH: #6D28D9
También conocido como: Tailwind v3 violet-700
Resultado
#6D28D9 → oklch(0.491 0.241 292.6)
Los valores se muestran con precisión completa, así que al convertir de vuelta obtienes exactamente #6d28d9. La forma redondeada es la que normalmente pegas en CSS.
Cálculo paso a paso
Cada número se calcula a partir de la entrada; no se consulta ninguna tabla.
1. sRGB → linear
R: 109/255 = 0.42745 → 0.152926 (((x + 0.055) / 1.055)^2.4) G: 40/255 = 0.15686 → 0.021219 (((x + 0.055) / 1.055)^2.4) B: 217/255 = 0.85098 → 0.693872 (((x + 0.055) / 1.055)^2.4)
2. linear sRGB → LMS
l = 0.4122·R + 0.5363·G + 0.0514·B = 0.110117 m = 0.2119·R + 0.6807·G + 0.1074·B = 0.121369 s = 0.0883·R + 0.2817·G + 0.6300·B = 0.456606
3. cube root
l′ = ∛0.110117 = 0.479312 m′ = ∛0.121369 = 0.495111 s′ = ∛0.456606 = 0.770041
4. LMS′ → Oklab
L = 0.2105·l′ + 0.7936·m′ − 0.0041·s′ = 0.49067 a = 1.9780·l′ − 2.4286·m′ + 0.4506·s′ = 0.09263 b = 0.0259·l′ + 0.7828·m′ − 0.8087·s′ = -0.22274
5. Oklab → OKLCH
C = √(a² + b²) = 0.24123 H = atan2(b, a) = 292.581° L = 0.49067
6. OKLCH
oklch(0.49067 0.24123 292.581) rounded: oklch(0.491 0.241 292.6)
Todos los formatos
- HEX
- #6d28d9
- RGB
- rgb(109 40 217)
- RGB (legacy)
- rgb(109, 40, 217)
- HSL
- hsl(263.39 69.96% 50.39%) → hsl(263 70% 50%)
- HWB
- hwb(263 16% 15%)
- OKLCH
- oklch(0.491 0.241 292.6) · oklch(49.1% 0.241 292.6)
- OKLab
- oklab(0.491 0.093 -0.223)
- Lab (D50)
- lab(36.23 57.47 -79.15)
- LCH (D50)
- lch(36.23 97.82 305.98)
- Display P3
- color(display-p3 0.3952 0.1741 0.8187)
- Linear sRGB
- color(srgb-linear 0.1529 0.0212 0.6939)
Gamut: sRGB y Display P3
#6D28D9 es un color hexadecimal, así que está dentro de sRGB y, por tanto, de Display P3. Con esta luminosidad y este tono, sRGB llega a un croma de 0.273 y Display P3 a 0.281; este color usa el 88 % del croma sRGB disponible.
Fragmentos CSS
.element {
color: #6d28d9;
color: rgb(109 40 217);
color: hsl(263 70% 50%);
color: oklch(0.491 0.241 292.6);
}
/* Tailwind CSS v4 */
@theme {
--color-brand: oklch(0.491 0.241 292.6);
}
/* arbitrary values */
class="text-[#6d28d9] bg-[oklch(0.491_0.241_292.6)]"
/* wide-gamut screens */
@media (color-gamut: p3) {
.element { color: color(display-p3 0.3952 0.1741 0.8187); }
}
/* relative color syntax: 10% darker */
.element-dark { color: oklch(from #6d28d9 calc(l - 0.1) c h); }Colores cercanos
Colores más próximos en las paletas de Tailwind y CSS (distancia OKLab).
- violet-700#7008E7
- v3 purple-700#7E22CE
- purple-700#8200DB
- v3 violet-600#7C3AED
- blueviolet#8A2BE2
- violet-800#5D0EC0
- violet-600#7F22FE
- v3 violet-800#5B21B6
Más claro y más oscuro, mismo tono y croma
- #7D41EE · oklch(0.551 0.241 292.6) · ΔL +0.06
- #5E00C4 · oklch(0.431 0.241 292.6) · ΔL −0.06