Генерируйте шкалу оттенков и тонов, а также дополнительные, аналогичные и триадные цвета из базового цвета.
Как использовать Цветовая палитра
Выберите базовый цвет или введите hex-значение.
Просматривайте шкалу от светлого к тёмному и гармоничные цвета.
Нажмите на любой образец, чтобы скопировать его hex-код.
This color palette generator turns a single base color into a full light-to-dark scale plus complementary, analogous and triadic harmonies, with every swatch copyable as a hex code in one click.
Everything is computed in your browser from the color you enter, so nothing is uploaded.
The tint and shade scale keeps the base hue and saturation and spreads the lightness from light to dark, giving a consistent set of steps. This is exactly the kind of scale a design system uses for backgrounds, borders, text and states.
The harmonies come from color theory, based on rotating the hue around the color wheel. Complementary is the opposite hue for strong contrast, analogous is the neighboring hues for a calm, cohesive look, and triadic is three evenly spaced hues for a balanced, vibrant set.
Together these give you a practical starting palette from a brand color: a scale for your neutrals and shades, and harmonies for accents and highlights, without guessing hex codes by hand.
Enter a base color with the swatch picker or by hex, and the palette updates instantly so you can explore variations quickly.
Часто задаваемые вопросы
Сохраняются оттенок и насыщенность базового цвета, а светлость распределяется от светлого к тёмному, давая согласованный набор тонов и оттенков, аналогично цветовой шкале дизайн-системы.
Это отношения цветовой гармонии, основанные на вращении оттенка: дополнительный -- противоположный, аналогичный -- близкий, триадный -- равномерно распределённый по кругу.
Нет. Палитра вычисляется полностью в браузере из введённого вами цвета.
Встроить этот инструмент
Добавьте этот инструмент на свой сайт. Скопируйте фрагмент ниже, он обновляется автоматически.
<iframe src="https://monu.tools/embed/ru/color-palette-generator" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Похожие инструменты
Превратите любое изображение в полный набор favicon: .ico, PNG разных размеров, Apple touch icon и web manifest, прямо в браузере.
Вычисляйте хеши SHA-1, SHA-256, SHA-384 и SHA-512 из текста или файла. Поддерживается HMAC. Всё выполняется локально в браузере.
Конвертируйте цвета между форматами HEX, RGB, HSL и HSB. Мгновенный предпросмотр.
Конвертируйте Unix-метки времени в читаемые даты и обратно. Поддерживаются секунды и миллисекунды.