Herramientas de color online

Un mismo color, varios formatos

Un color no se escribe igual en una hoja de estilos, en un programa de diseño o en el pedido a la imprenta. La web usa códigos HEX como #1E90FF o valores RGB; para ajustar el tono o la luminosidad resulta más cómodo HSL; y la impresión trabaja en CMYK. Quien diseña el logotipo de un pequeño negocio, maqueta un folleto o retoca la web de su empresa pasa a menudo de un formato a otro.

Estas herramientas hacen esa conversión y ayudan a tomar decisiones de color: elegir un tono exacto, combinarlo con otros y comprobar que un texto se lee bien sobre su fondo.

Elegir la herramienta adecuada

Para pasar de un formato a otro hay un convertidor por cada pareja: HEX a RGB y su inverso, HSL a HEX, RGB a CMYK, CMYK a HEX, y así hasta cubrir las doce combinaciones. Ten en cuenta que el paso a CMYK es una aproximación: el resultado final en papel depende de la imprenta.

Si todavía no tienes el color, el selector de color permite escogerlo y copiar su código. El generador de paletas propone colores que combinan con uno de partida. Para el diseño web, el generador de degradados CSS y el generador box shadow muestran el resultado en vivo y entregan el código listo para pegar. Por último, el verificador de contraste calcula la relación entre texto y fondo e indica si cumple los niveles AA y AAA de las pautas de accesibilidad WCAG.