Entrada

Salida

Formas habituales de usar el Convertidor de color:

Convertir un código HEX a RGB para CSS
Pega un color hex como #3a86ff y obtén los valores RGB que necesitas en una regla CSS rgb().
Obtener valores HSL para un sistema de diseño
Convierte cualquier color a HSL para construir un sistema de diseño basado en matiz o ajustar la luminosidad mediante código.
Convertir valores RGB de una herramienta a tokens HEX
Pega valores RGB de una herramienta de diseño y obtén el token HEX que necesitas para código o documentación.
Verificar valores de color para accesibilidad
Convierte a RGB para introducir valores exactos en calculadoras de contraste y herramientas de auditoría de accesibilidad.
Aprender cómo se relacionan los formatos de color
Introduce un color en cualquier formato compatible y ve de inmediato todas las representaciones equivalentes lado a lado.

¿Cómo uso el convertidor de color?: Introduce un color en HEX, RGB o HSL y revisa la salida JSON convertida. Usa Copiar para copiar el resultado o Limpiar para reiniciar la entrada.
¿Qué formatos de color son compatibles?: Este convertidor admite entrada HEX, RGB y HSL y devuelve esas mismas tres representaciones a la vez.
¿El convertidor envía o guarda mis datos de color?: No. La conversión ocurre en tu navegador y esta herramienta no guarda historial ni envía valores de color a un servidor.
¿Por qué veo un error?: Asegúrate de que el valor sea un HEX, RGB o HSL válido. Formatos como HSV o CMYK no están disponibles en este convertidor.
¿Puedo copiar el resultado convertido?: Sí. Usa el botón Copiar para copiar todo el resultado JSON o Pegar para traer un color directamente desde el portapapeles.