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.

Espacio de Trabajo de Color

Construye un sistema de color completo a partir de un solo color base.

Escala de Tonos

Paleta

Escala de Opacidad

Vista Previa de Degradado


                            

Contraste

Vista Previa de Accesibilidad

Comprueba la legibilidad del texto y las superficies de la interfaz.

Vista Previa de Sombra

Sombra Premium

                            

Color Lab

Esta página está diseñada para personas que necesitan un flujo de trabajo color tools en línea para sistemas de diseño, kits de interfaz de usuario, comprobaciones de accesibilidad y generación de tokens reutilizables.

  • 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

Preguntas frecuentes

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.