Designer & Developer Tools

Build color systems from a single base color

Convert colors, generate shades and palettes, build gradients, test contrast and export semantic tokens for modern UI systems.

Área de Trabalho de Cores

Construa um sistema de cores completo a partir de uma única cor base.

Escala de Tons

Paleta

Escala de Opacidade

Prévia de Gradiente


                            

Contraste

Prévia de Acessibilidade

Verifique a legibilidade do texto e das superfícies da interface.

Prévia de Sombra

Sombra Premium

                            

Color Lab

Esta página foi desenvolvida para pessoas que precisam de um fluxo de trabalho color tools online para sistemas de design, kits de UI, verificações de acessibilidade e geração de tokens reutilizáveis.

  • Convert HEX, RGB and HSL values instantly
  • Generate 50-900 style shade scales
  • Create palettes and gradients for UI design
  • Export CSS variables, SCSS tokens and JSON data
FAQ

Perguntas frequentes

Can I generate a full shade scale from one color?

Yes. The tool can create light and dark shades from a single base color.

Can I export CSS and SCSS tokens?

Yes. You can export colors as CSS variables, SCSS variables and JSON.

Does the tool check accessibility contrast?

Yes. It calculates contrast ratio and shows common WCAG ratings.