Fundamentos
Fundamentos de design digital são os pilares que dão estrutura, clareza e consistência às interfaces. Explore referências para trabalhar cor, grid e outros elementos visuais com intenção.
Cor
O que é?
Uso de cores na interface: marca, feedback, estados e contraste. Inclui primária, secundária, neutros, sucesso, erro e aviso.
Product Designers documentam cores como tokens no design system para manter consistência entre telas e plataformas.
Acessibilidade
Who Can Use
Mostra como combinações de cor afetam diferentes deficiências visuais.
whocanuse.comAccessible Color Generator
Gera variações de cor que atendem contraste WCAG.
learnui.designViz Palette
Simula paletas para diferentes formas de visão de cor.
projects.susielu.comContrast Grid
Compare contrastes entre várias combinações de uma vez.
contrast-grid.eightshapes.comColour Contrast Checker
Verifique combinações de cor contra critérios WCAG.
colourcontrast.ccLeonardo
Crie sistemas de cor acessíveis para UI e dados.
leonardocolor.io
Paletas
Colorffy
Gere paletas, gradientes e variações para interfaces.
colorffy.comShade Generator
Encontre tons e matizes a partir de uma cor base.
shadegenerator.comRadix Colors
Sistema open source de cores acessíveis para produtos.
radix-ui.comMuzli Colors
Descubra e teste paletas para seus projetos.
colors.muz.liColor Leap
Explore paletas históricas para inspiração.
colorleap.appPicular
Encontre cores usando a busca de imagens do Google.
picular.coMaterial Color Tool
Crie paletas e avalie combinações no Material Design.
material.ioColourco.de
Combine cores de forma visual e intuitiva.
colourco.dePaletton
Monte esquemas de cor com a roda cromática.
paletton.comDuotone
Crie imagens duotone para projetos digitais.
duotone.shapefactory.coColor Supply
Selecione estilos visuais e seus códigos de cor.
colorsupplyyy.comFlat UI Colors
Paletas prontas para copiar e colar.
flatuicolors.comLOL Colors
Inspiração de paletas escolhidas pela comunidade.
webdesignrankings.comParametric Color Mixer
Misture cores com controles de precisão.
colormixer.web.appAdobe Color
Crie e explore temas de cores da Adobe.
color.adobe.comCoolors
Gere e navegue combinações de cores rapidamente.
coolors.coScale
Gere escalas de cor para sistemas de interface.
hihayk.github.io
Gradientes
MSHR
Crie gradientes para aplicar em interfaces.
mshr.appMesher
Gere mesh gradients com CSS.
csshero.orguiGradients
Coleção de gradientes prontos para usar.
uigradients.comColorSpace
Gere paletas e gradientes a partir de cores.
mycolor.spaceCSS Gradient
Ferramenta visual para criar gradientes CSS.
cssgradient.ioGrabient
Interface simples para gerar gradientes web.
grabient.comMobile Palette Generator
Crie paletas voltadas para interfaces mobile.
mobilepalette.colorion.co