Color CSS moderno
Conversor OKLCH - De Hex, RGB y HSL a OKLCH
Convierte colores Hex, RGB o HSL a OKLCH y copia la sintaxis de color CSS moderna junto a los valores Hex, RGB, HSL y HSV.
Formatos de color
Cómo usar esta herramienta
Pega un valor de color conocido y consulta su luminosidad, croma y tono en OKLCH. Usa OKLCH cuando quieras cambios de luminosidad más predecibles y tokens de color CSS modernos.
- 1 Introduce un color Hex, RGB o HSL.
- 2 Revisa la luminosidad, el croma y el tono en OKLCH.
- 3 Copia el valor CSS oklch() o compáralo con los formatos tradicionales.
Preguntas frecuentes
¿Qué describe OKLCH?
OKLCH describe la luminosidad, el croma y el tono perceptuales, lo que hace que muchos ajustes de color resulten más uniformes que con HSL.
¿Puedo pegar RGB o HSL?
Sí. El conversor acepta entradas Hex, RGB/RGBA y HSL/HSLA y las convierte a OKLCH.
¿Debo sustituir todos los valores Hex por OKLCH?
No siempre. Hex sigue siendo compacto y muy conocido; OKLCH es más útil para escalas generadas y ajustes de luminosidad predecibles.
¿OKLCH admite transparencia?
El oklch() de CSS puede incluir alfa. Este conversor conserva el alfa cuando la entrada tiene transparencia.