Seletor de Cores RGB
Ajuste os valores de R (vermelho), G (verde) e B (azul) para criar e testar cores. Veja a pré-visualização em tempo real e copie os códigos em RGB, HEX e HSL. Ideal para designers, desenvolvedores e equipes de QA.
Preview
rgb(120, 160, 200) • #78A0C8 • hsl(210, 42%, 63%)
Ações rápidas
Como funciona o modelo RGB
O modelo RGB combina luz vermelha, verde e azul para formar cores. Cada componente (R, G, B) varia de 0 a 255. Combinando esses valores você obtém milhões de cores distintas. Em design web, o valor RGB é frequentemente convertido para HEX (ex.: #1a73e8).
Quando usar HEX, RGB ou HSL?
- HEX — padrão comum em CSS e temas (compacto e direto).
- RGB — útil quando se parte de valores numéricos ou ao aplicar opacidades via
rgba(). - HSL — ótimo para ajustar tons (matiz), saturação e claridade de forma intuitiva.
Uso em QA e integração
Ferramentas de cor são úteis em testes de UI/UX para verificar contraste, consistência de tema e para gerar paletas que atendam a requisitos de acessibilidade.
Explore também outras ferramentas úteis: Tabela de Emojis, Símbolos para Copiar e Meu IP.