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.
Шкала оттенков
Палитра
Шкала непрозрачности
Предпросмотр градиента
Контрастность
Предварительный просмотр доступности
Проверьте читаемость текста и интерфейсных поверхностей.
Предпросмотр тени
Премиальная тень
Color Lab
Эта страница предназначена для людей, которым нужен онлайн-процесс color tools для дизайн-систем, UI-китов, проверок доступности и генерации переиспользуемых токенов.
- 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
Часто задаваемые вопросы
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.