Cómo se usa
- Escribe el color (por ejemplo #2944c7 o rgb(41, 68, 199)) o elígelo con el selector.
- Copia el formato que necesites.
- Revisa el contraste y prueba los tonos más claros y más oscuros.
Qué formato usar
- HEX y RGB: pantallas, web y apps.
- HSL: cómodo para crear variaciones (más claro, más oscuro) cambiando solo la luminosidad.
- OKLCH: el formato moderno de CSS, con luminosidad uniforme para el ojo humano. Ideal para paletas accesibles.
- CMYK: impresión. La conversión es aproximada; para imprimir con fidelidad pide a la imprenta el perfil de color.
Contraste y accesibilidad
Las pautas WCAG piden un contraste mínimo de 4,5:1 para texto normal (nivel AA) y 3:1 para texto grande. El nivel AAA exige 7:1. Un buen contraste ayuda a las personas con baja visión y a todo el mundo cuando mira el móvil al sol.
Preguntas frecuentes
¿Por qué el CMYK no coincide con el de mi programa de diseño?
Porque la conversión exacta depende del perfil de color de la imprenta. Aquí usamos la fórmula estándar sin perfil.
¿Admite colores con transparencia?
Puedes escribir rgba() o hsla(); convertimos el color y la transparencia se ignora.
¿Te ha sido útil esta herramienta?