Conversor de colores
Convierte colores entre formatos HEX, RGB y HSL al instante.
El conversor de colores traduce instantáneamente valores de color entre los formatos más comunes en diseño web y gráfico: HEX (#rrggbb), RGB (rojo, verde, azul), HSL (tono, saturación, luminosidad) y HSB/HSV (tono, saturación, brillo). Cada formato tiene sus ventajas — HEX es compacto y universalmente aceptado en CSS, mientras que HSL es más intuitivo para elegir tonos.
Introduce un valor de color en cualquier formato admitido y la herramienta calcula y muestra automáticamente el equivalente en todos los otros formatos simultáneamente. Una vista previa de color en vivo te permite confirmar el resultado visualmente.
Esta herramienta es útil para diseñadores que transfieren colores entre Figma, Photoshop y código, así como para desarrolladores que garantizan la consistencia del color en hojas de estilo. Todas las conversiones ocurren en el navegador.
Preguntas Frecuentes
Implementación de Código
import colorsys
# HEX → RGB
def hex_to_rgb(hex_color: str) -> tuple[int, int, int]:
hex_color = hex_color.lstrip("#")
r, g, b = (int(hex_color[i:i+2], 16) for i in (0, 2, 4))
return r, g, b
# RGB → HEX
def rgb_to_hex(r: int, g: int, b: int) -> str:
return f"#{r:02X}{g:02X}{b:02X}"
# RGB → HSL (uses colorsys, which returns 0–1 floats)
def rgb_to_hsl(r: int, g: int, b: int) -> tuple[float, float, float]:
h, l, s = colorsys.rgb_to_hls(r / 255, g / 255, b / 255)
return round(h * 360, 1), round(s * 100, 1), round(l * 100, 1)
# Example
r, g, b = hex_to_rgb("#3B82F6")
print(f"RGB: {r}, {g}, {b}") # RGB: 59, 130, 246
print(rgb_to_hex(r, g, b)) # #3B82F6
h, s, l = rgb_to_hsl(r, g, b)
print(f"hsl({h}, {s}%, {l}%)") # hsl(217.0, 91.2%, 59.8%)Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.