🛠️ToolsShed

Conversor de Cores

Converta cores entre os formatos HEX, RGB e HSL instantaneamente.

rgb(99, 102, 241)
hsl(239, 84%, 67%)

O conversor de cores traduz instantaneamente valores de cor entre os formatos mais comuns usados em design web e gráfico: HEX (#rrggbb), RGB (vermelho, verde, azul), HSL (matiz, saturação, luminosidade) e HSB/HSV (matiz, saturação, brilho). Cada formato tem seus pontos fortes — HEX é compacto e universalmente aceito no CSS, enquanto HSL é mais intuitivo para escolher tons.

Insira um valor de cor em qualquer formato suportado e a ferramenta calcula e exibe automaticamente o valor equivalente em todos os outros formatos simultaneamente. Uma prévia de cor ao vivo permite confirmar o resultado visualmente.

Esta ferramenta é útil para designers transferindo cores entre Figma, Photoshop e código, bem como para desenvolvedores garantindo consistência de cor em folhas de estilo. Todas as conversões ocorrem no navegador.

Perguntas Frequentes

Implementação 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.