Conversor de colores

Pega un color en cualquier formato habitual para ver sus valores HEX, RGB, HSL y HSV, además de tonos más claros y más oscuros para crear una paleta.

Gratis Se ejecuta en local Sin registro
HEX#7f52ff
RGBrgb(127, 82, 255)
HSLhsl(256, 100%, 66%)
HSVhsv(256, 68%, 100%)
Tonos y matices
Los colores se convierten localmente en tu navegador.

Cómo se usa

1

Introduce un color

Usa el selector o pega un valor HEX, RGB o HSL.

2

Consulta todos los formatos

La herramienta muestra HEX, RGB, HSL y HSV a la vez.

3

Copia un valor

Copia el formato que espera tu CSS o tu herramienta de diseño.

Por qué usar esta herramienta

Cuatro modelos de color

HEX, RGB, HSL y HSV se mantienen sincronizados.

Tonos y matices

Previsualiza variantes más claras y más oscuras para una paleta rápida.

Local e inmediato

Sin subidas, sin cuenta y sin librerías externas.

Preguntas frecuentes

¿Cuál es la diferencia entre HSL y HSV?
HSL usa la luminosidad, mientras que HSV usa el valor o brillo. HSL es habitual en CSS y HSV en los selectores de diseño.
¿Admite transparencia?
El conversor se centra en colores sólidos. Los valores alfa se ignoran al interpretar entradas rgba o hsla.
¿Puedo pegar colores de CSS?
Sí. Se aceptan valores hex, cadenas rgb() y hsl().
¿Por qué los números difieren un poco?
Los valores se redondean para mostrarlos, mientras que la conversión interna usa toda la precisión.
¿Hay un comprobador de contraste?
Sí. La herramienta de contraste usa el mismo motor de color para calcular ratios WCAG.

Herramientas relacionadas

Última actualización: