Генератор роздільно-комплементарних кольорів
Створіть роздільно-комплементарну колірну схему на основі одного основного кольору за допомогою цього Генератора роздільно-комплементарних кольорів. Введіть 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-коди для того самого базового кольору.