Seletor de Cores Grátis com Paletas
Este seletor de cores gratuito permite escolher uma cor com o controle de cor do seu navegador ou digitar um código HEX, e então mostra seus valores HEX, RGB e HSL, como o texto branco e preto são legíveis nela, e paletas de amostras de tons, sombras, a cor complementar e o conjunto triádico. É ideal para designers, desenvolvedores e profissionais de marketing que escolhem cores de marca para um site, um anúncio ou um logotipo.
Color Picker
Generators and Converters
Sobre esta ferramenta
Os códigos de cor vêm em várias formas. HEX, como #2563eb, é o mais comum na web. RGB fornece a quantidade de vermelho, verde e azul de 0 a 255, e HSL descreve a tonalidade em graus, mais saturação e luminosidade em porcentagem, o que é mais fácil de ajustar visualmente. O seletor mostra todos os três para a mesma cor para que você possa colar o que sua ferramenta precisa.
As paletas são construídas a partir da cor que você escolhe. Os tons misturam com branco e as sombras misturam com preto, o que oferece versões mais claras e mais escuras para fundos, bordas e estados de passagem. A cor complementar fica oposta na roda de cores, e o conjunto triádico pega as duas cores espaçadas um terço da roda, um ponto de partida comum para um esquema equilibrado.
Os números de contraste comparam sua cor com texto branco e preto usando a fórmula WCAG. Uma proporção de 4,5 para 1 ou mais é o alvo usual para texto de corpo normal. Use o seletor nativo para uma escolha rápida, ou o conversor de cores quando você já tiver um código para traduzir. Nada que você escolha é armazenado.
Perguntas frequentes
Qual é a diferença entre HEX, RGB e HSL?
Eles descrevem a mesma cor de formas diferentes. HEX é um código de seis dígitos para uso na web, RGB lista valores de vermelho, verde e azul de 0 a 255, e HSL fornece tonalidade, saturação e luminosidade, o que torna simples criar variantes mais claras ou mais escuras alterando um número.
O que são tons e sombras?
Um tom é a cor misturada com branco, então parece mais clara, e uma sombra é a cor misturada com preto, então parece mais escura. Juntos, eles oferecem um intervalo pronto da mesma cor para fundos, bordas, botões e estados de passagem.
O que é uma cor complementar ou triádica?
A cor complementar é diretamente oposta à sua na roda de cores e oferece o maior contraste. Uma paleta triádica usa sua cor mais duas outras espaçadas uniformemente ao redor da roda. Ambas são pontos de partida, então ajuste a luminosidade e a saturação até que o resultado se adeque à sua marca.
Qual proporção de contraste o texto deve ter?
WCAG pede pelo menos 4,5 para 1 para texto normal e 3 para 1 para texto grande para atender ao nível AA. O seletor mostra a proporção para texto branco e preto em sua cor para que você possa escolher o legível.