Conversor de colores — HEX, RGB, HSL, OKLCH

Pega cualquier color CSS y obtén todos los formatos a la vez: HEX, RGB(A), HSL(A), HWB, LAB, LCH, OKLAB, OKLCH y color(). Compatible con alfa y gamut. Convertido en tu navegador, nunca se envía.

Cargando…
Conversor de colores
Pega HEX, RGB(A), HSL(A), HWB, LAB, LCH, OKLAB, OKLCH, CSS color() o un color CSS con nombre y obtén todos los demás formatos a la vez. Compatible con alfa y gamut, con URL compartible.

Notas para desarrolladores

colorjs.io es el único analizador/conversor: sin chroma-js, tinycolor2 ni culori. El alfa multiplica el alfa propio del color pegado, así que un rgba(...) pegado conserva su alfa con el alphaValue=1 por defecto. HWB y el bloque LAB/LCH/OKLAB/OKLCH/color() nunca llevan sufijo alfa. Solo rgba, hsla, hex8 y color() reflejan alphaValue. Los colores fuera de gamut usan el algoritmo de mapeo de gamut de CSS Color 4 cuando gamutFallback está activo; desactivado se muestra un recorte ingenuo por canal. La precisión redondea solo los canales LAB/LCH/OKLAB/OKLCH/color(). HEX/RGB/HSL son fijos por definición.

Opciones

  • Alfa — Multiplica el alfa propio del color pegado. Recalcula el alfa de rgba, hsla, hex8 y color(); hex6 y HSL simple no se ven afectados. Por defecto 1 (conserva el alfa pegado).
  • Formatos modernos — Muestra u oculta el bloque LAB / LCH / OKLAB / OKLCH / color(). HEX/RGB(A)/HSL(A)/HWB siempre permanecen visibles. Activado por defecto.
  • Repliegue de gamut — Muestra una insignia visible y un valor sRGB adaptado al gamut para entradas de gamut amplio. Desactivado, solo se muestran los valores brutos, posiblemente recortados. Activado por defecto.
  • Precisión — Decimales mostrados en los canales numéricos LAB/LCH/OKLAB/OKLCH/color(). No aplica a HEX, que tiene dígitos fijos, ni a RGB/HSL, que usan enteros y porcentajes. Por defecto 2.

Herramientas CSS relacionadas

Hub: Herramientas color y CSS. Comprueba el contraste con Comprobador de contraste WCAG, o reduce y formatea hojas de estilo con Minificar CSS y Embellecer CSS.

FAQ del conversor de colores

Conversor de colores universal y local

¿Qué formatos de color puedo pegar?

HEX, RGB(A), HSL(A), HWB, LAB, LCH, OKLAB, OKLCH, color() de CSS, incluido display-p3, y colores CSS con nombre. No hace falta ningún selector de formato.

¿Se suben mis colores a algún sitio?

No. El análisis y la conversión se ejecutan íntegramente en tu navegador mediante colorjs.io. FastMinify nunca envía colores a un servidor.

¿Qué ocurre con los colores fuera de gamut?

Aparece una insignia. Con gamutFallback activo, las filas HEX/RGB/HSL muestran un valor sRGB mapeado según CSS Color 4. Se etiqueta aparte del valor bruto de gamut amplio del bloque moderno.

¿El alfa se aplica a todos los formatos?

El alfa se refleja en rgba, hsla, hex8 y color(). HWB y los canales LAB/LCH/OKLAB/OKLCH permanecen sin alfa.

Herramientas color y CSS

Comprobación de contraste WCAG pegada localmente con sintaxis de color CSS moderna — vistas de par y matriz, nunca se sube.

Explorar otras categorías de herramientas