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

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

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

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

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

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

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

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

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

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

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

### Який комплемент у чистого червоного?

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

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

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

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

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

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

Ні, він лише обчислює пару кольорів. Комплемент зберігає світлоту основного кольору, тому ці два кольори можуть мати подібну яскравість і погано контрастувати в тексті; перш ніж накладати один на інший, перевірте їх за допомогою засобу перевірки контрастності WCAG.

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

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

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

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

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

[Напишіть нам електронною поштою](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)