Seletor de cores on-line gratuito
Selecione cores visualmente e copie códigos de cores instantaneamente. Escolha tonalidades, ajuste controles deslizantes e gere saídas de formatação HEX, RGB e HSL para seus estilos.
| HEXA |
|
|
| CMYK |
|
|
| HSLA |
|
|
| HSVA |
|
|
| RGBA |
|
Escolhendo cores da Web com um seletor visual de cores
Um seletor de cores é um utilitário de design essencial para desenvolvedores web, designers gráficos, especialistas em UI/UX e agências de branding. Ao criar sites ou layouts digitais, escolher o esquema de cores correto é fundamental para a marca, a legibilidade e o envolvimento do usuário. Um seletor de cores hexadecimais on-line fornece uma tela de cores interativa onde você pode selecionar tons e visualizar resultados instantaneamente.
Compreendendo os formatos de cores: HEX, RGB e HSL
Nosso seletor de cores on-line gera três formatos de cores padrão usados em folhas de estilo CSS e software gráfico:
- Códigos HEX: um código hexadecimal de 6 caracteres (por exemplo,
#3b82f6) usado extensivamente em design HTML e CSS. - RGB (vermelho, verde, azul): um modelo de cores (por exemplo,
rgb(59, 130, 246)) que representa a mistura de cores primárias, útil para configurar níveis de opacidade em folhas de estilo. - HSL (matiz, saturação, luminosidade): uma representação (por exemplo,
hsl(217, 91%, 60%)) que é mais fácil de ajustar pelos designers, permitindo alterações rápidas de brilho ou contraste.
Projetando layouts de web acessíveis
Ao selecionar paletas de cores, sempre tenha em mente a acessibilidade. Certifique-se de que haja contraste suficiente entre as cores do texto e do plano de fundo para atender aos padrões WCAG (Diretrizes de acessibilidade para conteúdo da Web). Isso torna seu site legível para usuários com deficiência visual. Copie nossos códigos gerados diretamente em seus arquivos CSS para criar interfaces modernas e compatíveis.
Detalhes - FAQ
Ferramentas populares
Encontre registros DNS A, AAAA, CNAME, MX, NS, TXT, SOA de um host.
Converta PNG para JPG com facilidade.
Obtenha detalhes aproximados de IP.
Obtenha todos os detalhes possíveis sobre um certificado SSL.