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

Створіть роздільно-комплементарну колірну схему на основі одного основного кольору за допомогою цього Генератора роздільно-комплементарних кольорів. Введіть 3- або 6-значний шістнадцятковий код, і інструмент поверне основний колір і два тони, розташовані на відстані 150 та 210 градусів від нього на HSL колірному колі, по обидва боки від комплементарного кольору, у вигляді шістнадцяткових кодів. Корисно для дизайнерів і розробників, яким потрібен виразний контраст із меншою напругою, ніж у звичайної комплементарної пари.

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

### Що повертає Генератор роздільно-комплементарних кольорів?

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

### Що таке роздільно-комплементарна схема?

Замість єдиного кольору, протилежного основному, вона використовує два кольори поруч із ним, на відстані 30 градусів з обох боків. Зберігається більша частина контрасту комплементарної пари, але палітру легше збалансувати.

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

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

### Які роздільно-комплементарні кольори в чистого червоного?

Для #ff0000 інструмент повертає #ff0000, #00ff80 і #0080ff: весняний зелений і блакитний по обидва боки від ціану. Інструмент використовує колірне коло HSL, засноване на кольорах екрана, тому результат відрізняється від кола художника з червоним, жовтим і синім.

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

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

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

Тон, насиченість і світлість округлюються до цілих чисел, тому перетворення кольору на HSL і назад може змінити значення одного каналу на одиницю. Наприклад, #ff5733 після перетворення повертається як #ff5833, а #33ffbe і #3374ff розташовані поруч із ним.

### Як використовувати роздільно-комплементарну палітру?

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

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

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

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

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

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

Так. Цей інструмент виконує саме обчислення для параметра «Роздільно-доповнювальна» в генераторі палітри кольорів, тож обидва інструменти повертають однакові 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)