Convertidor de colores CSS

Elige un color o pega un valor HEX, RGB o HSL y visualízalo al instante en HEX, RGB(A), HSL(A), HWB, OKLCH, el nombre CSS más cercano y la clase Tailwind más próxima. Copia cualquiera con un clic.

Elegir color

O escribe un color

Alfa1

Muestra en vivo

Todos los formatos

Todo funciona en tu navegador. Sin subida de archivos, sin registro.

Cómo funciona

STEP 1

Elige un color

Usa el selector de color nativo o escribe un valor HEX, RGB o HSL. La muestra y todos los formatos se actualizan sobre la marcha — nada sale de tu dispositivo.

STEP 2

Lee todos los formatos

Ve el mismo color en HEX, RGB(A), HSL(A), HWB y OKLCH, además del nombre CSS más cercano y la clase Tailwind más próxima — todo calculado en tu navegador.

STEP 3

Copia lo que necesites

Cada fila tiene su propio botón de copia. Haz clic para copiar ese valor exacto al portapapeles y pegarlo directamente en tu CSS.