Color Palette Generator

Выберите цвет на круге — инструмент соберёт готовую палитру по одной из шести классических схем: комплементарная, аналогичная, триадическая, тетрадическая, со сдвигом или монохромная. Всё считается прямо в браузере.

Кликните или потяните бегунок — выберется оттенок
70%
50%

Палитра

Экспорт 

        


        

            
О цветовых схемах

            
Цветовая схема — это правило сочетания цветов по их положению на круге. Палитры, построенные по таким правилам, воспринимаются естественно и помогают делать аккуратные интерфейсы, иллюстрации и айдентику. Ниже — шесть классических схем и для чего каждая подходит.

                            

                    
Комплементарная

                    
Два цвета напротив друг друга на круге (180°). Дают максимальный контраст — взгляд сразу цепляется. Хороши для акцентов: основной цвет интерфейса плюс яркая кнопка действия. Главное не злоупотреблять: много чистого контраста утомляет глаза.

                

                            

                    
Аналогичная

                    
Соседние цвета на круге (±30°). Спокойная схема с естественными переходами — как у заката или листвы. Подходит для фонов, иллюстраций природы, мягких интерфейсов. Один цвет делают основным, два других — поддерживающими.

                

                            

                    
Триадическая

                    
Три цвета на равном расстоянии (через 120°). Яркая и сбалансированная схема: один цвет ведущий, два других — акценты. Часто встречается в иллюстрациях, играх и детских интерфейсах.

                

                            

                    
Тетрадическая

                    
Четыре цвета — две пары противоположных. Богатая палитра, но требует баланса: один цвет ведущий, остальные — поддерживающие. Сложнее в применении, чем триадическая, и легко перегрузить композицию.

                

                            

                    
Со сдвигом

                    
Базовый цвет плюс два соседа его противоположности (180° ± 30°). Контраст почти как в комплементарной паре, но мягче и не такой агрессивный. Безопасный выбор для интерфейсов и айдентики, когда нужен заметный, но не кричащий акцент.

                

                            

                    
Монохромная

                    
Один оттенок в разной яркости и насыщенности. Минималистичная и элегантная схема. Подходит для интерфейсов с упором на типографику и контент — встречается в material и flat-дизайне.

                

                    


        

            
Бесплатный онлайн-генератор цветовых палитр на основе круга HSL. Выберите оттенок на интерактивном кольце, подкрутите насыщенность и яркость — инструмент мгновенно соберёт палитру по выбранной схеме.

            
Шесть классических схем: комплементарная (180°), аналогичная (±30°), триадическая (120°), тетрадическая, со сдвигом (180°±30°) и монохромная. Готовую палитру можно скопировать в HEX, RGB, HSL, CSS-переменные или конфиг Tailwind.

            
Всё работает локально, данные никуда не отправляются. Удобно дизайнерам, фронтендерам, иллюстраторам — всем, кому нужно быстро собрать палитру для проекта.