Herramientas de color
Convierte y verifica color
Matemática de color que corre en tu navegador. Convierte entre hex, RGB, HSL y OKLCH; verifica el contraste contra los umbrales WCAG.
Sin subida Solo en el navegador
Preguntas frecuentes
- ¿Qué formatos de color se soportan?
- hex, rgb(), hsl() y oklch() — tanto la sintaxis moderna separada por espacios como la legacy separada por comas.
- ¿Qué es OKLCH?
- Un espacio de color perceptualmente uniforme con ejes Lightness, Chroma y Hue. Produce gradientes y paletas más consistentes que HSL porque pasos numéricos iguales se ven como pasos visuales iguales.
- ¿Cómo se calcula el contraste?
- Según WCAG 2.1: la luminancia relativa se calcula para cada color, luego la razón es (más claro + 0.05) / (más oscuro + 0.05). El resultado va de 1:1 (idénticos) a 21:1 (blanco sobre negro).
- ¿Qué umbrales importan para accesibilidad?
- Texto AA Normal exige ≥ 4.5; texto AA Large y componentes UI exigen ≥ 3. AAA sube esos a ≥ 7 y ≥ 4.5. Apunta al menos a AA en sitios de producción.
- ¿Mis valores de color se envían a algún lado?
- No. Las matemáticas de conversión y contraste se ejecutan en local; nada sale de tu navegador.