Convertidor de Color - Conversor HEX RGB HSL

Convierta colores entre formatos HEX, RGB, RGBA, HSL y HSV con este conversor de color gratuito en línea. Vista previa en vivo y conversión instantánea.

#3366FF
RGB
rgb(51, 102, 255)
RGBA
rgba(51, 102, 255, 1)
HSL
hsl(225, 100%, 60%)
HSV
hsv(225, 80%, 100%)
HEX
#3366ff

Más Herramientas

JSON Formatter|UUID Generator|Base64

¿Qué es un Color HEX?

Un color HEX es una representación hexadecimal de 6 dígitos utilizada en diseño web y CSS. Comienza con un símbolo de almohadilla (#) seguido de tres pares de dígitos hexadecimales que representan los componentes rojo, verde y azul. Por ejemplo, #FF0000 representa rojo puro. Los colores HEX son el formato más común en desarrollo web.

RGB vs HSL

RGB

RGB (Rojo, Verde, Azul) representa los colores como una combinación de luz roja, verde y azul. Cada componente va de 0 a 255. RGB es intuitivo para las máquinas pero menos intuitivo para los humanos.

HSL

HSL (Tono, Saturación, Luminosidad) representa los colores de una manera que coincide con la percepción humana. El tono es el tipo de color (0-360 grados), la saturación es la intensidad (0-100%), y la luminosidad es el brillo (0-100%). HSL es más intuitivo para los diseñadores.

Ejemplos de Formatos de Color

HEX#3366FF — Usado en CSS, HTML y desarrollo web. Hexadecimal de 6 dígitos.
RGBrgb(51, 102, 255) — Usado en CSS. Cada valor de 0 a 255.
RGBArgba(51, 102, 255, 0.8) — RGB con transparencia alfa (0.0 a 1.0).
HSLhsl(225, 100%, 60%) — Tono (0-360), Saturación y Luminosidad (0-100%).
HSVhsv(225, 80%, 100%) — Tono, Saturación y Valor. Usado en software gráfico.

Cómo Usar el Conversor de Color

  1. 1

    Seleccione un color con el selector o ingrese un valor HEX/RGB

  2. 2

    Vea todos los formatos actualizarse al instante — HEX, RGB, RGBA, HSL y HSV

  3. 3

    Haga clic en "Color Aleatorio" para descubrir nuevos colores

  4. 4

    Use los botones de copiar para copiar cualquier formato al portapapeles

Preguntas Frecuentes

¿Cómo convierto HEX a RGB?

Los colores HEX son simplemente una representación hexadecimal de valores RGB. Para convertir HEX a RGB: divida el código HEX de 6 dígitos en tres grupos de 2 dígitos. Cada par es un número hexadecimal que representa los componentes rojo, verde y azul de 0-255. Nuestro conversor lo hace automáticamente.

¿Qué formato de color usa CSS?

CSS admite múltiples formatos de color: HEX (#FF0000), RGB/rgb(255,0,0), RGBA/rgba(255,0,0,0.5), HSL/hsl(0,100%,50%) y colores con nombre (red, blue). HEX y RGB son los más ampliamente compatibles y utilizados en desarrollo web.

¿Cuál es la diferencia entre HSL y HSV?

Ambos usan tono y saturación, pero difieren en el tercer componente. HSL usa Luminosidad — 50% es el color puro. HSV usa Valor — 100% es el color puro. HSL es más común en CSS y diseño web, mientras que HSV es más común en software de edición de imágenes.

¿Se envían mis datos a un servidor?

No. Toda la conversión de color ocurre completamente en su navegador usando JavaScript. No se carga ni almacena ningún dato. Su privacidad está totalmente protegida.