Convertidor de color para trabajo UI
Convierte valores, revisa contraste y explora paletas relacionadas antes de llevar un token de diseño a producción.
Un ratio 4.5:1 suele ser la base WCAG para texto normal. Texto grande permite menos, pero bajo contraste sigue afectando a usuarios reales.
Relaciones de color sugeridas
Guía de formatos de color
HEX
Formato compacto muy usado en diseño web, normalmente escrito como valor hexadecimal de seis dígitos.
RGB
Modelo orientado a pantalla basado en valores de luz roja, verde y azul.
HSL
Modelo más legible para humanos basado en hue, saturation y lightness. Sirve para crear estados más claros, oscuros o relacionados.
CMYK
Modelo orientado a impresión basado en cyan, magenta, yellow y key black. Espera diferencias al traducir colores brillantes de pantalla a papel.
Contraste
El contraste afecta formularios, paneles, tablas de precios, errores y todo lugar donde alguien debe leer rápido.
Preguntas frecuentes
¿Por qué RGB y CMYK cambian ligeramente?
Pantalla e impresión usan espacios de color distintos. Algunos colores RGB no pueden reproducirse exactamente en CMYK.
¿Qué significa el puntaje de contraste WCAG?
Mide qué tan legibles son juntos un color de texto y un fondo. Valores más altos suelen significar mejor lectura.
¿Conviene usar colores de marca para texto largo?
No necesariamente. Un color de marca puede funcionar en logos o acentos y fallar como texto. Usa neutrales fuertes o tonos ajustados cuando la legibilidad importe.
¿Por qué un color se ve distinto entre herramientas?
Pantallas, perfiles de color, navegadores e impresión pueden renderizar el mismo valor de forma distinta. Usa la conversión como guía práctica y prueba en el medio final.