Ferramenta de paleta de cores

Gera paletas para temas de site a partir de uma cor base, assegura acessibilidade e exporta dados de paleta prontos para integração fácil de temas.

Tool coming soon!

We're working hard to get this tool ready for you.

Request Feature / Support
804+
Total Calculations Run
< 15ms
Browser Execution Speed
100%
Client-Side Privacy
4.9 / 5.0
User Satisfaction
AI Web Tool Generator

Build Your Own Custom Web Calculator in Seconds

Type what tool or calculator you need below. Our AI will build it instantly for your site.

Popular ideas:
100% FREE • No Credit Card Required

About This Tool

Esta ferramenta aceita uma cor base e gera uma paleta completa junto com diretrizes de acessibilidade e tokens prontos para exportar. Suporta múltiplos modos de harmonia para produzir conjuntos de cores coesos que estão alinhados aos requisitos de branding da intranet. Saídas incluem valores hex, recomendações de cor de texto para legibilidade e tokens CSS para integração suave em folhas de estilo.
A lógica subjacente realiza conversões entre espaços de cor, aplica estratégias de geração baseadas em matiz e ajusta a luminosidade para atender aos objetivos de contraste. Também oferece ajustes opcionais para daltonismo e variantes de modo escuro para visualizar implantações alternativas.
Projetado para designers UX, desenvolvedores frontend e administradores de sites, permite iteração rápida de temas, garante consistência entre páginas e reduz o ajuste manual de amostras. As saídas estão prontas para uso direto em CSS, payloads JSON ou handoffs de design, apoiando branding repetível em ecossistemas intranet.

How to Use

Forneça entradas: base_color_hex, palette_size e harmony_mode.
Opcional: defina contrast_target e ative as opções de acessibilidade.
Execute o cálculo para gerar a paleta e os tokens.
Revise os valores hex gerados, sugestões de cor de texto e variáveis CSS.
Exporte como variáveis CSS e/ou JSON para integração no seu site.

How to use sharepoint color palette tool

Frequently Asked Questions

Find Quick Answers

Quais entradas são obrigatórias?
Entradas obrigatórias incluem base_color_hex (hex de 6 dígitos), palette_size (4–8) e harmony_mode (analogous, complementary, triadic, square). Entradas opcionais incluem contrast_target e comutadores para neutros ou variantes de modo escuro.
Quais formatos podem ser exportados?
Exportações incluem variáveis CSS (por exemplo, --sp-palette-0) e uma paleta JSON com valores hex e HSL. Valores hex são fornecidos para uso direto em folhas de estilo; variáveis CSS podem ser copiadas para sistemas de design.
Como é tratada a acessibilidade?
A ferramenta calcula relações de contraste contra fundos comuns e seleciona cores de texto para atender aos requisitos WCAG AA (tipicamente 4,5:1). Se não for possível alcançar o objetivo, são sugeridas ajustes de tonalidade ou luminosidade mantendo a harmonia.
Posso personalizar para daltonismo ou modo escuro?
Sim. Ajustes opcionais incluem melhorias para daltonismo e variantes de modo escuro. Pode visualizar e exportar paletas ajustadas às necessidades de acessibilidade e a diferentes contextos de visualização.

Need to run multiple calculations?

Create a free account today to unlock unlimited daily runs, access advanced parameters, save your history, and request custom features.

Register Free Account

Related Tools

Other useful calculators and utilities you might like

Color & Design Tools

Conversor Spotify para MP3

Converte arquivos de áudio fornecidos localmente para MP3, permitindo ouvir offline e compatibilidad...

Color & Design Tools

Calculadora de Distância Rodoviária

Calculadora de distância rodoviária para viajantes, planejadores logísticos e motoristas, para estim...

Color & Design Tools

Calculadora de Idade

Determine rapidamente a idade de uma pessoa a partir da sua data de nascimento com nossa calculadora...

Color & Design Tools

Conversor de moedas

Converta rapidamente valores entre diferentes moedas com nosso conversor de moedas online gratuito,...

Your Feedback Matters

Help Us to Improve