CSS y color

Conversor de Colores

Convierte colores entre HEX, RGB, HSL y OKLCH con muestra en vivo y control deslizante de tono.

Tus datos se quedan en tu dispositivoSin subida, sin servidorFunciona sin conexión

Hex

#1a7a3d

RGB

rgb(26, 122, 61)

HSL

hsl(142, 65%, 29%)

OKLCH

oklch(51.1% 0.1277 150.5)

Por qué usar esta herramienta

01

Analiza y convierte colores en los formatos HEX, RGB, HSL y OKLCH con matemáticas de color D65 completas.

Detecta automáticamente el formato de entrada y convierte a HEX, RGB, HSL y OKLCH de forma simultánea.

Usa el control deslizante de tono para explorar variaciones manteniendo la luminosidad y el croma.

Cómo usarla

02
01Pega cualquier valor de color: #hex, rgb(), rgba(), hsl(), hsla() u oklch().
02Copia el resultado en el formato que necesites.
03Arrastra el control de tono para explorar tonos relacionados.

Revisiones rápidas antes de copiar

03

Confirma que el formato de entrada es el que esperabas.

Revisa el resultado antes de usarlo en un documento, URL, configuración o mensaje.

Copia solo el resultado que necesitas.

Preguntas frecuentes

04
¿Qué formatos admite?

HEX (#rgb, #rrggbb, #rrggbbaa), rgb(), rgba(), hsl(), hsla() y oklch().

¿Qué es OKLCH?

OKLCH es un modelo de color perceptualmente uniforme definido por luminosidad, croma y tono. Es ampliamente compatible con el CSS moderno.

¿Los datos se envían al servidor?

No. Todas las conversiones se realizan localmente en el navegador.

Herramientas relacionadas

03
Conversor de Colores — Convierte colores entre HE… | TOOLGRID