Перейти до вмісту

Генератор аналогічних кольорів

Створіть аналогічну колірну схему на основі одного основного кольору за допомогою цього Генератора аналогічних кольорів. Введіть 3- або 6-значний шістнадцятковий код, і інструмент поверне три сусідні кольори: тон на 30 градусів перед основним, сам основний колір і тон на 30 градусів після нього — усі у вигляді шістнадцяткових кодів. Ідеально для дизайнерів і розробників, яким потрібні спокійні, гармонійні палітри для вебсайтів, застосунків, тла та ілюстрацій.

Скинути

Поширені запитання

Що повертає Генератор аналогічних кольорів?

Він повертає три кольори у вигляді шістнадцяткових кодів із шістьма малими цифрами. Колір 1 — це тон, повернутий на 30 градусів назад, Колір 2 — ваш основний колір, а Колір 3 — тон, повернутий на 30 градусів уперед.

Чому основний колір розташований посередині?

Аналогічні схеми будуються навколо центрального тону, тому список іде від попереднього сусіднього кольору до наступного. Такий порядок дає змогу сприймати палітру як плавний градієнт тонів.

Яка відстань між кольорами?

Сусідні кольори розташовані рівно за 30 градусів від основного тону на HSL колірному колі — це поширений інтервал, за якого кольори залишаються спорідненими, але розрізнюваними. Насиченість і світлість такі самі, як в основного кольору.

Які аналогічні кольори в чистого червоного?

Для #ff0000 інструмент повертає #ff0080, #ff0000 і #ff8000: рожево-червоний, сам червоний і помаранчевий. Обчислення тону циклічно переходить через 360 градусів, тому в кольорів біля червоного є сусіди з обох боків кола.

У яких форматах можна вводити кольори?

Введіть один шістнадцятковий код із 3 або 6 цифр, зі знаком # або без нього, наприклад #ff5733 або f00. Нотації RGB і HSL та назви кольорів не підтримуються, тож спершу перетворіть їх на шістнадцятковий код.

Чому середній колір трохи відрізняється від введеного?

Інструмент працює з цілими значеннями тону, насиченості та світлості, тому під час перетворення шістнадцяткового коду на HSL і назад значення одного каналу може змінитися на одиницю. #ff5733 після перетворення повертається як #ff5833, а #ff3374 і #ffbe33 є його сусідами.

Коли варто використовувати аналогічну палітру?

Аналогічні кольори пасують дизайнам, які мають справляти враження цілісності й спокою, наприклад тлу, градієнтам, природним мотивам і пов’язаним між собою рядам даних. Оскільки тони близькі, додайте нейтральний колір або контрастний акцент для кнопок і тексту.

Що відбувається з чорним, білим або сірим кольором?

Нейтральні кольори мають нульову насиченість, тому сусідні з ними тони — це той самий сірий, і всі три результати збігаються. Виберіть основний колір із певною насиченістю, щоб отримати три різні тони.

Чи можна змінити інтервал у 30 градусів?

Ні, інтервал зафіксований на рівні 30 градусів, щоб результати були послідовними. Для інших співвідношень скористайтеся генераторами комплементарних, тріадних, роздільно-комплементарних, тетрадних або монохроматичних кольорів.

Чи збігається результат із результатом генератора палітри кольорів?

Так. Цей інструмент виконує те саме обчислення, що й аналогічний варіант Генератора колірних палітр, і повертає ті самі шістнадцяткові коди для однакового введеного значення.

Про OneClick Pro

OneClick Pro — це безкоштовна колекція з понад 150 вебінструментів для повсякденної роботи: конвертації зображень і одиниць, форматування та перевірки коду, перевірки доменів і SEO, а також роботи з текстом, датами й числами. Кожен інструмент працює без реєстрації чи передплати, а введені вами дані використовуються лише для обчислення результату й ніколи не зберігаються. Використовуйте цю добірку як швидкий набір інструментів для разових завдань або додайте в закладки інструменти, якими користуєтеся щодня.