Tada File , Todas las herramientas

Conversor de colores

Convierte cualquier color entre HEX, RGB, HSL, HSV, CMYK, Lab y OKLCH y cópialo con un clic. Gratis y en tu dispositivo.

Escribe cualquier formato: #3366cc, rgb(51 102 204), hsl(220 60% 50%), cmyk(75% 50% 0% 20%), oklch(…) o un nombre CSS como tomato.

  • HEX#3366CC
  • RGBrgb(51 102 204)
  • HSLhsl(220 60% 50%)
  • HSV / HSBhsv(220 75% 80%)
  • CMYKcmyk(75% 50% 0% 20%)
  • CIE Lablab(45 18.7 -57.9)
  • OKLCHoklch(53.2% 0.168 262.3)

Nombre de color CSS más cercano: royalblue

El CMYK es una conversión simple sin perfil de impresora: un buen punto de partida, pero los valores de una imprenta pueden variar.

El conversor de colores pasa un color escrito en un formato a todos los demás: HEX para la web, RGB, HSL y HSV para apps de diseño, CMYK para imprenta, y CIE Lab y OKLCH para el CSS moderno y el trabajo con color. Escribe o pega cualquiera de ellos, o un nombre CSS como tomato, o usa el selector de color. Cada valor tiene un botón para copiarlo, y también se muestra el nombre de color CSS más cercano.

Cómo usar Conversor de colores

  1. 1

    Introduce un color

    Escríbelo o pégalo en cualquier formato, o elígelo con el selector de color.

  2. 2

    Lee los resultados

    Míralo en todos los formatos, con el nombre CSS más cercano.

  3. 3

    Copia lo que necesites

    Copia cualquier valor con un clic.

Qué hace

Todos los formatos habituales
HEX, RGB, HSL, HSV, CMYK, CIE Lab y OKLCH.
Entiende lo que pegas
Con o sin #, comas o espacios, y nombres CSS.
Conserva la transparencia
Los valores alfa se mantienen en todos los formatos.

Preguntas

¿Cómo convierto HEX a RGB?

Pega el código HEX, por ejemplo #3366CC, y lee la línea RGB: rgb(51 102 204). Todos los demás formatos se muestran a la vez.

¿El valor CMYK es exacto para imprimir?

Es una conversión estándar sin perfil de impresora, así que es un buen punto de partida. Una imprenta puede darte valores algo distintos para su máquina.

¿Qué es OKLCH?

Una forma más reciente de escribir colores en CSS, basada en lo claro y lo vivo que nos parece un color. Es útil para crear escalas de color uniformes.

¿Necesita conexión a internet?

Solo para abrir la página. Todo se calcula en tu dispositivo y nada de lo que escribes se envía a ningún sitio.