Conversor de colores

Convertí un color entre HEX, RGB, HSL, OKLCH y LAB en un solo lugar — escribí un valor en cualquiera de estos formatos y todos los demás se actualizan al instante, cada uno con una cadena CSS lista para copiar. A diferencia del recuadro de color de Google, esta herramienta entiende HSL como entrada y soporta los espacios modernos OKLCH y LAB que ahora usan CSS Color Level 4 y Tailwind v4, así que podés llevar un color de HEX clásico a un espacio perceptualmente uniforme y volver. Cuando un color OKLCH o LAB de gamut amplio queda fuera de lo que una pantalla puede mostrar, los valores HEX y RGB se recortan al color visible más cercano y te avisamos. Todo corre localmente en tu navegador — no se sube nada.

Cómo funciona

1. Pegá o escribí un color — HEX (#14b8a6), rgb(), hsl(), oklch() o lab(). El formato se detecta solo.
2. Leé el valor que necesites en las filas de formato de abajo.
3. Tocá el botón de copiar junto a cualquier formato para copiar su cadena CSS.
4. Activá “Conservar transparencia” si tu color tiene canal alfa.

Preguntas frecuentes