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

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

Створіть тріадну колірну схему на основі одного основного кольору за допомогою цього генератора тріадних кольорів. Введіть 3- або 6-значний шістнадцятковий код, і інструмент поверне три кольори, розташовані на відстані 120 градусів один від одного на кольоровому колі HSL. Усі вони матимуть насиченість і світлоту основного кольору та будуть готові до вставлення у вигляді шістнадцяткових кодів. Чудовий вибір для дизайнерів і розробників, яким потрібні збалансовані, яскраві палітри для інтерфейсів, ілюстрацій і брендингу.

Скинути

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

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

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

Як обчислюється тріадна схема?

Інструмент перетворює ваш шістнадцятковий код на HSL, додає до відтінку 120 і 240 градусів та обчислює результат у межах 360 градусів. Насиченість і світлота залишаються незмінними, тому всі три кольори мають таку саму яскравість та інтенсивність, як основний.

Яка тріада відповідає чистому червоному?

Для #ff0000 інструмент повертає #ff0000, #00ff00 і #0000ff — три основні кольори RGB. Це показує, що інструмент використовує кольорове коло HSL для екранів, а не традиційне коло художника з червоним, жовтим і синім.

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

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

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

В обчисленні використовуються цілі значення відтінку, насиченості та світлоти, тому перетворення основного кольору на HSL і назад може змінити один канал на один крок. Наприклад, #ff5733 перетворюється на #ff5833, а #33ff58 і #5833ff — це два інші кольори.

Як використовувати тріадну палітру, щоб вона не була надто яскравою?

Нехай один колір домінує, а два інші використовуйте як акценти, наприклад у співвідношенні 60, 30 і 10 відсотків площі. Якщо почати з менш насиченого або темнішого основного кольору, тріада буде спокійнішою, адже всі три кольори успадковують його насиченість і світлоту.

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

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

Чим тріадна схема відрізняється від тетрадної?

У тріадній схемі три кольори розташовані один від одного на відстані 120 градусів, а в тетрадній — чотири кольори на відстані 90 градусів. Тріади зазвичай легше збалансувати; скористайтеся Генератором тетрадних кольорів, якщо потрібен четвертий тон.

Чи перевіряє інструмент доступність?

Ні, він лише обчислює кольори. Оскільки всі три кольори мають ту саму світлість, що й основний, контраст між ними може бути низьким, тож перевірте пари кольорів тексту й тла за допомогою засобу перевірки контрастності.

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

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

Про OneClick Pro

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