Conversor de colores CSS
Convierte colores entre todos los formatos CSS modernos: HEX, RGB/RGBA, HSL/HSLA y OKLCH. Selector visual incluido con previsualización instantánea.
Formatos de color en CSS moderno
- HEX (#RRGGBB): el más usado. Versión corta (#RGB) disponible cuando cada par se repite.
- RGB/RGBA: rgb(R G B / Alpha) en CSS moderno, donde R,G,B ∈ [0,255] y Alpha ∈ [0,1].
- HSL/HSLA: hsl(Hue Saturation% Lightness% / Alpha). Más intuitivo para ajustar variantes.
- OKLCH (CSS Color Level 4): oklch(L C H) — el estándar moderno. Perceptualmente uniforme, ideal para paletas consistentes. Soportado en todos los navegadores modernos desde 2023.
¿Por qué OKLCH?
OKLCH es perceptualmente uniforme: dos colores con la misma diferencia numérica se perciben con la misma diferencia visual. Esto facilita crear paletas de color coherentes que HSL no puede garantizar.
Preguntas frecuentes
¿Todos los navegadores soportan OKLCH?
Sí, desde Chrome 111, Firefox 113 y Safari 15.4 (2023). Para compatibilidad con navegadores muy antiguos, usa @supports o proporciona un fallback en HSL.
Herramientas relacionadas
Generador de paleta de colores
Genera paletas de colores armónicas: complementarios, análogos, triádicos y monocromáticos. Con 10 t…
Usar herramienta →Analizador de contraste de colores WCAG
Comprueba si la combinación de color de texto y fondo cumple los estándares de accesibilidad WCAG 2.…
Usar herramienta →Generador de gradiente CSS
Crea gradientes CSS lineales, radiales y cónicos con selector visual. Previsualización en tiempo rea…
Usar herramienta →