CaliberVisual
Empezar
Herramienta gratis

Conversor de colores

Escribe un color en cualquier formato y obtenlo en todos.

  • HEX#1B7F5C
  • HEX con alfa#1B7F5CFF
  • RGBrgb(27 127 92)
  • RGBArgba(27, 127, 92, 1)
  • HSLhsl(159 65% 30%)
  • HSLAhsla(159, 65%, 30%, 1)
  • HSB / HSV159°, 79%, 50%
  • CMYK79%, 0%, 28%, 50%

El CMYK aquí es la conversión estándar simple, la que muestra un navegador o una herramienta de diseño. Sirve para ver más o menos dónde cae un color, no como base para imprimir: una imprenta necesita el perfil de su propia tinta y papel.

Qué hace

Convierte un color entre HEX (de tres, cuatro, seis y ocho dígitos), RGB y RGBA, HSL y HSLA, HSB/HSV y CMYK, y acepta cualquiera de ellos como entrada: pega #1B7F5C, rgb(27 127 92) o hsl(160 65% 30%) y el resto se completa. El canal alfa se mantiene en los formatos que lo admiten. Una nota sobre CMYK: la conversión aquí es la fórmula estándar simple, que es la que te muestra un navegador o una herramienta de diseño, y es una buena aproximación para trabajo en pantalla. No es una conversión con gestión de color, así que no debería ser la base de un tiraje de impresión, porque una imprenta necesita el perfil de la prensa y el papel reales.

Cómo convertir un color

  1. 01

    Pega cualquier formato

    Hex con o sin numeral, una cadena rgb() o hsl() en sintaxis CSS antigua o moderna, o un grupo de números sin más. Detecta cuál le diste.

  2. 02

    Lee el resto

    Todos los demás formatos se actualizan en vivo, con la muestra al lado para que confirmes que escribiste lo que querías.

  3. 03

    Copia lo que necesitas

    Hex para una herramienta de diseño o un kit de marca, HSL para ajustar la luminosidad a mano, RGB para los campos de color de un editor de video.

Preguntas

¿Qué diferencia hay entre HSL y HSB?

Ambos empiezan con el mismo tono y la misma saturación, pero el tercer valor es distinto. La luminosidad de HSL va del negro, pasa por el color puro al 50% y llega al blanco al 100%. El brillo de HSB va del negro al color puro al 100%, y para llegar al blanco hay que desaturar. HSL es el de CSS; HSB es el del selector de Photoshop y Figma, por eso el mismo color aparece con dos números distintos en dos herramientas.

¿Qué es el código hex de ocho dígitos?

Seis dígitos de color más dos de alfa, así que #1B7F5C80 es ese verde al 50% de opacidad. Hoy funciona en todo CSS. La forma de cuatro dígitos es la misma abreviatura que el hex de tres dígitos, con un dígito de alfa al final.

¿Esta conversión a CMYK sirve para imprimir?

Para hacerte una idea, sí. Para una imprenta, no. El CMYK real depende de la tinta, el papel y el perfil de la prensa, y ninguna fórmula sin esos datos puede decirte qué va a salir. Usa esto para ver más o menos dónde cae un color, y pide el perfil a tu imprenta antes de comprometerte.

¿Por qué mi color se ve distinto en mi editor de video?

Por el espacio de color. Un código hex es sRGB; un editor de video puede trabajar en Rec. 709 o en un perfil log, y los mismos números cambian una vez que se aplica una transformación. Júzgalo en el archivo exportado y no en el selector.

Otras herramientas gratis