Algo errado nesta ferramenta?
Sobre «Roda De Cores Online»
Esta ferramenta é uma roda de cores interativa que permite escolher qualquer cor visualmente. Clique ou arraste na roda para escolher o matiz, ajuste saturação e brilho com sliders, e a ferramenta mostra os valores exatos hex, RGB, HSL, e HSV para uso em qualquer aplicação.
Seleção visual de cores é muito mais rápida que digitar valores hex quando você precisa ajustar um tom. Designers, desenvolvedores, e artistas usam rodas de cores para explorar tons, encontrar complementares, e escolher cores exatas que combinam com uma referência.
O seletor suporta espaços de cor comuns e pode converter entre eles em tempo real. Salve suas cores favoritas como uma paleta para reutilizar em designs.
Como usar esta ferramenta
Como escolher uma cor no círculo HSL
Mova o círculo de matiz
"Hue (0–360)" é o ângulo no círculo cromático — 0/360 vermelho, 120 verde, 240 azul. Arraste o círculo no canvas ou digite o ângulo. Padrão 210 (um azul frio).
Saturação
"Saturation %" controla a intensidade: 0 = cinza neutro, 100 = totalmente saturado. Saturação média (50–70) parece natural; valores muito altos vibram na tela. Padrão 70.
Luminosidade
"Lightness %" controla o brilho: 0 = preto, 50 = matiz puro, 100 = branco. 50 dá a versão mais saturada do matiz; suba/desça para tints/shades. Padrão 50.
Executar
Resultado: rgb {r,g,b}, hex (#rrggbb), hslCss (`hsl(H S% L%)` pronto para CSS) e rgbCss (`rgb(r, g, b)`). Combine com hex-to-rgb-converter / rgb-to-hex-converter para trocas rápidas.