13 ferramentas gratuitas

Ferramentas de cores e design

Ferramentas para usar bem a cor: construir paletas, tons e matizes, converter entre HEX, RGB e HSL, verificar o contraste de texto para acessibilidade, simular a cegueira de cores e gerar gradientes CSS, sombras de caixa, raio de borda, vidromorfismo e estilos de neumorfismo.

Copie os valores ou o CSS pronto direto para o seu projeto.

Todas as 13 ferramentas

Gerador de paletasGere paletas de cores, bloqueie favoritos, visualize-os em um layout e exporte.
Gerador de gradientesCrie gradientes CSS lineares, radiais e cônicos com paradas de cores arrasáveis.
HEX para RGBConverta códigos de cores HEX para RGB e RGBA, além de todos os outros formatos.
Verificador de contrasteVerifique o contraste de cores contra WCAG AA e AAA, com sugestões de cores passando.
Gerador de sombra de caixaCrie sombras de caixa CSS em camadas com uma visualização ao vivo e copie o código.
Raio de fronteiraArredondar cada canto em px, % ou rem, ou arrastar alças para fazer formas de bolha.
GlassmorphismProjete cartões de vidro fosco com borrão de fundo e copie o CSS.
NeumorfismoCrie formas suaves de neumorfismo de interface de usuário de qualquer cor e copie o CSS.
Tons e tonalidadesFaça uma escala de cores 50–950, matizes, tons e tons de uma cor.
Cor aleatóriaGere cores aleatórias por humor ou intervalo, como HEX, RGB, HSL ou OKLCH.
Cor da cegueira simVeja imagens e desenhos como pessoas com cegueira de cor vê-los.
HEX para HSL conversorConverta códigos de cores HEX para HSL e HSLA, além de todos os outros formatos.
Conversor RGB para HEXConverta valores RGB e RGBA em códigos de cores HEX, além de todos os outros formatos.

Ferramentas de cores e design

Todas as 13 ferramentas

Mais categorias