Seletor de Cor
O Que É Esta Ferramenta?
Nosso selecionador de cores permite selecionar qualquer cor visualmente ou inserindo um valor específico e, em seguida, ver instantaneamente seu equivalente nos formatos HEX, RGB e HSL. Você também pode explorar as variações de luminosidade de uma cor e copiar qualquer formato com um clique. É uma ferramenta essencial para designers, desenvolvedores e qualquer pessoa que trabalhe com cores em mídia digital.
Como Usar
- Clique em qualquer lugar do espectro de cores para selecionar uma cor.
- Arraste o controle deslizante de matiz para mudar a cor base.
- Ajuste o controle deslizante de brilho/saturação para controle fino.
- Ou digite um valor específico de HEX, RGB ou HSL diretamente nos campos de entrada.
- Clique em qualquer código de cor para copiá-lo para a área de transferência.
Casos de Uso Comuns
- Encontrar o código HEX de uma cor que você vê em um mockup de design
- Converter valores de cor RGB para HEX para uso em CSS
- Explorar variações de cores para uma paleta de marca
- Verificar valores de código de cor ao construir ou estilizar uma página web
Dicas e Truques
- Use o campo de entrada HEX para inserir um código de cor conhecido e ver imediatamente seus equivalentes RGB e HSL.
- HSL geralmente é mais intuitivo para designers — Matiz (0-360), Saturação e Luminosidade são independentes.
- Marque uma URL de cor específica se seu navegador atualizar a barra de endereço na seleção.
Perguntas frequentes
Qual é a diferença entre os formatos de cor HEX, RGB e HSL?
HEX e RGB descrevem uma cor por seus componentes vermelho, verde e azul (apenas em notação diferente), enquanto HSL descreve matiz, saturação e luminosidade — um formato que muitos designers acham mais intuitivo para ajustar brilho ou vibrância de uma cor independentemente.
Como encontro o código HEX exato para uma cor que vejo em um mockup de design?
Use o espectro de cores ou digite valores RGB/HSL conhecidos nos campos de entrada — a ferramenta converte e exibe o código HEX equivalente instantaneamente.
Posso copiar o código de cor diretamente para usar em CSS?
Sim. Clique em qualquer código de cor exibido (HEX, RGB ou HSL) para copiá-lo para a sua área de transferência, pronto para colar diretamente em uma folha de estilos.
A ferramenta suporta valores de transparência alfa?
Se formatos RGBA ou HSLA estiverem disponíveis na saída, você pode capturar transparência junto com cor; verifique as opções de formato próximas aos campos RGB/HSL padrão.
Minha seleção de cor é enviada a um servidor?
Não. Toda matemática de conversão de cor roda localmente no seu navegador — nenhum valor de cor é transmitido ou registrado em qualquer lugar.
Escolha uma cor e obtenha códigos HEX, RGB, HSL. Suporta paletas de cores e verificação de contraste.
seletor de cor · ferramenta de cor · paleta de cores · código HEX · código RGB · código HSL · ferramenta de design · seleção de cor · conversor de cor · códigos de cor · esquema de cores · gerador de cor · utilitário de cor · seletor de cor online · ferramenta de seleção de cor · contraste de cor · verificador de contraste de cor · ferramenta de contraste de cor · relação de contraste de cor · calculadora de contraste de cor