Guias de Ferramentas
How-to guides for using ColorFYI tools including the converter, contrast checker, and palette generator.
WCAG AA vs AAA: Contrast Requirements Compared
WCAG AA requires 4.5:1 contrast for normal text, AAA requires 7:1. A side-by-side comparison of both levels, their exceptions, and when each applies.
Atualizado Ago 20, 2026
Estilos vs Variáveis de Cores no Figma: Quando Usar Cada Um
Compare estilos e variáveis de cores no Figma. Aprenda as diferenças essenciais, caminhos de migração e melhores práticas para equipes que gerenciam tokens de
Atualizado Fev 20, 2026
Como Verificar o Contraste de Cores para Conformidade com WCAG
Aprenda a verificar as taxas de contraste de cores para conformidade com WCAG AA e AAA. Guia passo a passo com exemplos práticos de códigos hex e armadilhas
Atualizado Fev 13, 2026
Contraste de Cores WCAG: O Guia Completo para Desenvolvedores
Domine os requisitos de contraste de cores da WCAG 2.1. Aprenda os níveis AA e AAA, métodos de teste, ferramentas automatizadas e como corrigir violações de
Atualizado Fev 07, 2026
Seletor de Cores OKLCH: Por Que Designers Estão Migrando
Descubra por que os seletores de cores OKLCH produzem resultados melhores do que o HSL. Aprenda sobre luminosidade perceptual, croma uniforme e como construir
Atualizado Jan 31, 2026
Adobe Color (color.adobe.com): Guia Completo
Domine o Adobe Color para criacao de paletas, extracao de imagens, testes de acessibilidade e integracao com CC Library. Guia completo dos recursos do color.
Atualizado Jan 24, 2026
Documentando Cores no Storybook: Padrões e Add-ons
Documente sistemas de cores no Storybook com stories de paleta, verificações de acessibilidade e documentação gerada automaticamente.
Atualizado Jan 18, 2026
Personalização de Cores no shadcn/ui: Temas com Variáveis CSS
Personalize as cores do shadcn/ui com variáveis CSS em HSL. Crie temas customizados, integre o modo escuro e sincronize com o Tailwind CSS para estilização
Atualizado Jan 11, 2026
Como Encontrar a Cor Complementar Perfeita
Aprenda a encontrar cores complementares usando o círculo cromático, fórmulas matemáticas e o gerador de paletas.
Atualizado Jan 04, 2026
Testando Acessibilidade de Cores no Figma: Plugins e Fluxos de Trabalho
Teste acessibilidade de cores no Figma com Stark, plugins A11y e simuladores de daltonismo. Crie fluxos de trabalho acessiveis com verificacao em lote
Atualizado Dez 29, 2025
Guia de Gradientes CSS: Gradientes Lineares, Radiais e Cônicos
Domine os gradientes CSS: sintaxe linear, radial e cônica com exemplos práticos, paradas de cor, ângulos e dicas para usar uma ferramenta geradora de
Atualizado Dez 22, 2025
Correção de Cores no Photoshop: Curvas, Níveis e HSL
Domine a correção de cores no Photoshop com ajustes de Curvas, Níveis e HSL. Aprenda a ler histogramas, corrigir balanço de branco e técnicas profissionais de
Atualizado Dez 16, 2025
Como Usar um Simulador de Daltonismo para Design Acessível
Aprenda a usar um simulador de daltonismo para criar interfaces acessiveis. Cobre deuteranopia, protanopia, tritanopia e diretrizes praticas de design com
Atualizado Dez 11, 2025
Variáveis de Cores no Figma: Um Guia Completo para Sistemas de Design
Domine as variáveis de cores do Figma para sistemas de design. Aprenda a criar, organizar e sincronizar tokens de cores entre Figma e código para temas
Atualizado Dez 05, 2025
Gerador de Tons do Tailwind: Escalas de Cores Personalizadas Simplificadas
Gere escalas de cores personalizadas para o Tailwind CSS a partir de qualquer código hex. Aprenda como o sistema de tons de 50 a 950 funciona, como configurar
Atualizado Dez 01, 2025
Como Extrair uma Paleta de Cores de uma Imagem
Aprenda como extrair paletas de cores de imagens usando algoritmos de quantização, ferramentas online e abordagens programáticas.
Atualizado Nov 26, 2025
Guia do Conversor de Cores: HEX para RGB, HSL e Muito Mais
Domine as conversões de formatos de cor: HEX, RGB, HSL, CMYK e OKLCH. Aprenda quando usar cada formato e como convertê-los instantaneamente com o conversor da
Atualizado Nov 21, 2025
Como Gerar uma Paleta de Cores Completa a Partir de Uma Cor
Aprenda a construir uma paleta de cores completa e harmoniosa a partir de uma única cor inicial. Aborda cores complementares, análogas, triádicas e geração de
Atualizado Nov 16, 2025