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

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

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

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

Він повертає чотири кольори у вигляді шестицифрових hex-кодів у нижньому регістрі. Колір 1 — базовий, а кольори 2, 3 і 4 — це відтінки, повернуті на 90, 180 та 270 градусів.

### Це квадратна чи прямокутна тетрада?

Це квадратна тетрада: чотири відтінки рівномірно розташовані з інтервалом 90 градусів. Кольори 1 і 3 та кольори 2 і 4 утворюють дві доповнювальні пари.

### Як обчислюється схема?

Інструмент перетворює ваш hex-код на HSL, додає до відтінку 90, 180 і 270 градусів та зациклює значення в межах 360 градусів. Насиченість і світлота не змінюються, а кожен відтінок знову перетворюється на hex-код.

### Якою буде тетрада чистого червоного?

Для #ff0000 інструмент повертає #ff0000, #80ff00, #00ffff та #8000ff: червоний, жовто-зелений, блакитний і фіолетовий. Результати відповідають HSL колу, заснованому на кольорах екрана, а не колу художника з червоного, жовтого та синього.

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

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

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

Під час обчислення значення відтінку, насиченості та світлоти округлюються до цілих чисел, тому після зворотного перетворення один канал може змінитися на один крок. Наприклад, #ff5733 повертає #ff5833, #74ff33, #33daff та #be33ff.

### Як збалансувати палітру з чотирьох кольорів?

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

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

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

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

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

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

Так. Цей інструмент виконує саме обчислення для параметра «Тетрадна» в генераторі палітри кольорів, тож обидва інструменти повертають однакові чотири hex-коди для того самого базового кольору.

Ваша реклама тут?

[Напишіть нам електронною поштою](mailto:hi@dennn.is?subject=%D0%A0%D0%B5%D0%BA%D0%BB%D0%B0%D0%BC%D0%B0%20%D0%BD%D0%B0%20OneClick%20Pro)

[Реклама Набір плагінів для роботи з агентами для WordPress.](https://sleekwp.com/?ref=oneclickpro)