ToolStack

Conversor de Colores

Convierte entre los formatos HEX, RGB, HSL, HSV y HWB en cualquier dirección.

100% privado: todo funciona en tu navegador

Publicidad

Cómo usarla

  1. 1

    Escribe o pega un color en cualquier formato habitual — #3B82F6, rgb(59, 130, 246) o hsl(217, 91%, 60%).

  2. 2

    Las cinco representaciones — HEX, RGB, HSL, HSV y HWB — aparecen al instante.

  3. 3

    Copia cualquier valor con un clic.

Ejemplos

Desde HEX

Entrada

#3B82F6

Salida

rgb(59, 130, 246) · hsl(217, 91%, 60%) · hsv(217, 76%, 96%) · hwb(217 23% 4%)

Desde RGB

Entrada

rgb(255, 99, 71)

Salida

#FF6347 · hsl(9, 100%, 64%) · hsv(9, 72%, 100%) · hwb(9 28% 0%)

Preguntas frecuentes

¿Qué formatos de entrada son compatibles?

Códigos HEX con o sin # (incluidas las formas de 3 y 8 dígitos), funciones rgb() / rgba() y hsl() / hsla().

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

Ambos usan el tono, pero HSL mide la luminosidad (lightness) y HSV el valor (brillo). Los programas de diseño suelen preferir HSV porque la saturación y el brillo se ajustan de forma independiente.

¿Se envía algo a un servidor?

No: todas las conversiones se hacen localmente en tu navegador.

Herramientas relacionadas

HEX a RGBConvierte códigos HEX a valores RGB al instante — gratis y privado.RGB a HEXConvierte valores RGB a un código HEX al instante — gratis y privado.Comprobador de ContrasteComprueba al instante el ratio de contraste WCAG entre el texto y el fondo.Selector de ColorElige cualquier color y copia sus valores HEX, RGB, HSL y HSV al instante.Generador de DegradadosCrea degradados CSS lineales y radiales visualmente y copia el código CSS.Generador de Colores CSSConvierte un color base en una escala de 10 tonos y expórtala como variables CSS.