Convierte colores entre los formatos HEX, RGB, HSL y HSV al instante
Convierte colores sin esfuerzo entre los formatos HEX, RGB, HSL y HSV con nuestra herramienta avanzada. Perfecto para diseñadores web, desarrolladores y artistas digitales.


Nuestro conversor avanzado admite varios formatos, con vista previa en tiempo real, reconocimiento de nombres de color y copia instantánea para integrarse sin fricción en tu flujo de trabajo.
Convierte entre los formatos HEX, RGB, HSL y HSV al instante. Admite HEX de 3 y 6 dígitos, nombres de color y distintos formatos de entrada.
Observa los cambios de color al instante con la vista previa en directo. La respuesta visual te ayuda a entender las relaciones entre colores y a decidir con criterio.
Copia formatos individuales o todos a la vez. Perfecto para desarrolladores y diseñadores que necesitan acceso rápido a los valores de color.
Introduce cualquier valor de color: HEX (#FF0000), valores RGB, nombres de color (red, blue) o usa los botones de color rápido.
Consulta tu color en todos los formatos a la vez, con vista previa en tiempo real y validación.
Copia formatos individuales o todos a la vez para usarlos de inmediato en tus proyectos.
Nuestro conversor admite los formatos HEX (de 3 y 6 dígitos), RGB, HSL y HSV, además de nombres de color como «red», «blue» o «green». Acepta distintos formatos de entrada, incluidos #FF0000, #F00, rgb(255,0,0), hsl(0,100%,50%) y nombres de color.
Nuestro conversor usa algoritmos matemáticos precisos para convertir entre espacios de color, con una exactitud del 100 %. Todas las conversiones conservan la integridad del color entre formatos, lo que las hace fiables para trabajos profesionales de diseño y desarrollo.
Sí. Introduce nombres de color habituales como «red», «blue», «green», «yellow», «purple», «orange», «pink», «brown», «gold», «violet» y muchos más. La herramienta los convertirá automáticamente a todos los formatos numéricos. Usa los botones de color rápido para seleccionarlos al instante.
HSL (tono, saturación, luminosidad) es más intuitivo para diseñar, donde la luminosidad representa el brillo del color. HSV (tono, saturación, valor) se prefiere en edición de imagen, donde el valor representa la intensidad del color. Ambos son útiles para flujos de trabajo creativos distintos.
Haz clic en el botón «Copiar» que hay junto a cada formato para copiar ese valor concreto, o usa «Copiar todos los formatos» para copiar todos los valores de una vez. Los valores copiados están listos para pegarlos directamente en CSS, en herramientas de diseño o en tu editor de código.
Por supuesto. Usa el botón «Generar color aleatorio» para explorar nuevas posibilidades. Es perfecto para encontrar inspiración, probar combinaciones distintas o descubrir relaciones de color inesperadas para tus proyectos creativos.