Nesta aula, você aprenderá a criar paletas de cores coesas e acessíveis, aplicando cores primárias, neutras, semânticas e de destaque. Exploraremos como organizar suas paletas para garantir clareza e usabilidade, utilizando princípios de contraste, luminosidade e saturação para otimizar a experiência do usuário.
Paleta de cores: A escolha das cores deve refletir a identidade da marca e ser visualmente atraente e fácil de usar. O design deve considerar a percepção cultural e individual das cores.
Cores primárias e neutras: Aprenda a definir cores principais e variações neutras para criar profundidade e hierarquia, aplicando as cores certas em elementos interativos, textos, divisores e fundos.
Cores de destaque e semânticas: Descubra como utilizar cores de destaque para badges, ícones e tags, e como aplicar cores semânticas para transmitir estados de atenção, sucesso ou erro de forma clara e consistente.
Criando tonalidades: Explore técnicas para criar tonalidades claras e escuras usando HSL e LCH, ajustando saturação e luminosidade de forma precisa para manter a flexibilidade de suas paletas.
Links extras
Ferramenta - Coolors - The super fast color palette generator!
Ferramenta - Tailwind CSS Color Generator
Ferramenta - Super Color Pallete