Um kit de ferramentas,
cada tarefa de design
Da teoria das cores à conformidade com o contraste — 10 ferramentas criadas para designers e desenvolvedores
Gerador de Cantos Arredondados
Editor visual de raio de borda com visualização em tempo real. Copie o código CSS com controle de canto individual.
CSS · Editor visualGerador de Sombras
Construtor de sombra de caixa interativo com várias camadas, visualização do Canvas em tempo real e saída CSS.
CSS · Em camadasSimulador de daltonismo
Simula como os usuários daltônicos veem as cores.
Acessibilidade · SimulaçãoConversor de Cor
Converta entre HEX, RGB, HSL, CMYK e OKLCH com conversão bidirecional instantânea.
Conversor · Todos os formatosCírculo Cromático
Roda de cores interativa para explorar matizes, saturações e relações de cores. Clique para selecionar e bloquear cores.
Interativo · VisualVerificador de Contraste
Verifique a conformidade com WCAG AA/AAA para cores de texto e de fundo. Obtenha classificações de acessibilidade instantâneas.
Acessibilidade · AA/AAAGerador de CSS Grid
Crie layouts CSS Grid visualmente com pré-visualização em tempo real.
CSS · Editor visualCombinação de Fontes
Descubra combinações harmoniosas de fontes para títulos e corpo de texto de coleções selecionadas.
Tipografia · Mais de 300 fontesGerador de Gradientes
Projete lindos gradientes lineares e radiais com visualização do Canvas em tempo real. Copie o código CSS instantaneamente.
Gradiente · Exportação CSSPredefinições de gradiente
Navegue e copie 15 belas predefinições de gradiente.
Predefinições · Um cliquePaleta de Imagem
Extraia lindas paletas de cores de qualquer imagem usando a quantização inteligente de cores.
Extração · InteligenteGerador de Paletas
Crie esquemas de cores harmoniosos com modos monocromáticos, complementares, análogos e triádicos. Visualização em tempo real com exportação CSS.
Cor · InterativoSistema de Cores UI
Gere paletas completas de tokens de design a partir de uma única cor inicial. Exporte para Tailwind, CSS ou SCSS.
Tokens de design · Tailwind14 idiomas
Cada ferramenta, cada etiqueta, cada guia — totalmente traduzido.
Acessibilidade em primeiro lugar
Cada paleta inclui pontuações de contraste WCAG. Projete de forma inclusiva desde o início.
Exportação amigável para desenvolvedores
CSS, Tailwind, SCSS, JSON – copie o formato que seu projeto precisa.