Desarrollador

Convertidor de colores

Convierte entre HEX, RGB y HSL.

  • Instantánea
  • Gratis
  • Privada (procesada localmente)
  • Sin registro
HEX
RGB
HSL

Una sola herramienta para todos los formatos de color

Diseñadores y desarrolladores alternan constantemente entre HEX, RGB y HSL. Este convertidor enlaza los tres: cambia uno y los demás se actualizan, con una vista previa en vivo del color.

Cómo usarlo

  1. Elige un color

    Con el selector visual o escribiendo un código HEX, RGB o HSL.

  2. Lee los tres formatos

    Los valores equivalentes aparecen al instante.

  3. Copia el código

    Un clic en el icono copia el formato que necesitas, listo para CSS.

Perfecto para crear una guía de estilo, ajustar el contraste o encontrar el equivalente de un color de marca.

Preguntas frecuentes

¿Qué diferencia hay entre HEX, RGB y HSL?

HEX (#RRGGBB) y RGB describen un color por sus componentes rojo, verde y azul. HSL lo describe por tono, saturación y luminosidad, más intuitivo para ajustar un matiz. Los tres representan el mismo color.

¿Cómo convertir un código HEX a RGB?

Cada par de caracteres del código HEX es un número hexadecimal de 0 a 255. Ejemplo: #6366F1 → rgb(99, 102, 241). La herramienta lo hace automáticamente en ambos sentidos.

¿Puedo elegir un color visualmente?

Sí. El selector de color integrado actualiza al instante los tres formatos, y la vista previa refleja tu elección en tiempo real.

¿Los códigos son compatibles con CSS?

Sí. Los formatos generados (#hex, rgb(), hsl()) se pegan directamente en una hoja de estilos o en una herramienta de diseño.