¿Por qué necesitas convertir formatos de color?
Cuando trabajas en el diseño de una interfaz o un sitio web, muchas veces encontrarás el color principal en un formato distinto al que necesitas en realidad. Un diseñador te da el color en HEX, y el archivo CSS necesita ese mismo color en RGB o HSL para poder controlar la transparencia o ajustar el nivel de luminosidad. Convertir el color a mano requiere cálculos precisos y es fácil equivocarse, así que la herramienta te permite pegar el color en cualquier formato y obtener al instante todos los demás formatos sin ningún cálculo manual.
La diferencia entre HEX, RGB, HSL y CMYK
El formato HEX representa el color con seis dígitos hexadecimales (como #3B82F6) divididos en tres valores consecutivos para el rojo, el verde y el azul. El formato RGB escribe esos mismos valores como números decimales del 0 al 255, con la posibilidad de añadir un valor de transparencia (Alpha) en el formato RGBA. El formato HSL, en cambio, describe el color de una forma más cercana a cómo lo percibe una persona: el tono (Hue) de 0 a 360, y la saturación (Saturation) y la luminosidad (Lightness) como porcentajes, lo que facilita ajustar el matiz de un color sin cambiar su tipo básico. El formato CMYK se usa sobre todo en impresión y se basa en los porcentajes de tinta cian, magenta, amarilla y negra.
Cómo convertir un color
La herramienta convierte el color entre todos los formatos al instante:
Abre el convertidor de color
Abre la herramienta directamente desde la página de herramientas.
Pega o elige el color
Pega el valor del color en cualquier formato (HEX, RGB o HSL) o elígelo desde el selector de colores.
Ve todos los formatos al instante
Aparecerán el resto de los formatos (HEX, RGB, HSL, CMYK) en el mismo momento.
Copia el valor que necesites
Copia el formato adecuado para tu proyecto con un solo clic.