Ferramentas de Cores para Design
Use a roda das cores, o seletor de cor e a paleta de cores para escolher cores, converter valores, explorar códigos e tabelas de cores, criar gradientes e verificar o contraste.
Roda das Cores
Escolha uma cor base numa roda interativa e crie harmonias complementares, análogas, triádicas, tetrádicas e complementares divididas.
OpenPaleta de Cores
Gere paletas complementares, análogas, triádicas e monocromáticas.
OpenSeletor de Cor
Escolha uma cor e veja os valores HEX, RGB, HSL, CMYK, LAB, tonalidades, sombras e harmonias.
OpenConta Gotas Online
Carregue uma imagem e extraia cores e paletas precisas.
OpenRGB para HEX
Converta cores CSS rgb() em códigos HEX prontos a copiar.
OpenHEX para RGB
Converta códigos de cor HEX em valores RGB e CSS rgb().
OpenMisturador de Cores
Misture duas cores por percentagem e copie a cor HEX resultante.
OpenCódigos de Cores
Explore cores CSS nomeadas com valores HEX e códigos prontos a copiar.
OpenContraste de Cores
Verifique o contraste entre texto e fundo para combinações de cores acessíveis.
OpenGradiente
Crie gradientes CSS, edite paragens de cor e copie código para interfaces, fundos e visuais de marca.
OpenTabela de Cores
Explore tabelas de cores flat, material, Tailwind e web safe com amostras interativas prontas a copiar.
OpenBiblioteca de Cores
Explore famílias de cores organizadas, sombras, tonalidades e paletas prontas para UI.
OpenFerramentas
Crie paletas, misture cores, gere gradientes e explore relações de cor para interfaces.
Seletores
Selecione cores a partir de controlos ou imagens carregadas e copie valores úteis rapidamente.
Conversores
Converta formatos de cor comuns para preparar CSS, tokens de design ou documentação.
Cores
Consulte referências, tabelas e bibliotecas de cores organizadas para escolher cores com precisão.
Verificadores
Verifique contraste e acessibilidade antes de usar combinações de cores em produção.