Онлайн-інструмент для розділених додаткових кольорів
Створіть палітру з трьох кольорів: базовий та два акценти навколо додаткового. Введіть HEX/RGB/HSV/HSL, отримайте коди кольорів миттєво. Обробка виконується…
Почати роботу
Що це таке?
Розділена додаткова схема — це варіація додаткової схеми, де замість одного протилежного кольору використовуються два кольори, розташовані по обидва боки від нього. Цей інструмент генерує три кольори з фіксованими кутами: базовий (0°), перший акцент (150°) і другий акцент (210°). Наприклад, для базового #FF0000 (червоний) результатом буде #FF0000, #00FF80 та #007FFF. Це не рівномірна тріада: кути між кольорами становлять 150°, 60° і 150°.
Як це працює?
Інструмент використовує HSL-модель: базовий колір перетворюється на HSL, потім до відтінку додаються фіксовані кути 150° і 210°, а насиченість і світлість зберігаються. Значення округлюються до цілих чисел, тому можливі незначні відмінності в каналах порівняно з іншими реалізаціями. Ви можете редагувати будь-який з отриманих кольорів вручну, що порушить фіксоване співвідношення, але дозволить точно налаштувати палітру.
Приклад використання
Припустимо, ви дизайнер і хочете створити палітру для веб-сайту. Введіть базовий синій #3B82F6. Інструмент запропонує два акцентні кольори: один із зеленуватим відтінком, інший — із фіолетовим. Ви можете скопіювати HEX-коди та використати їх у CSS. Якщо вам потрібен інший акцент, відредагуйте відповідний зразок.
Обмеження
- Немає вибору кута розбіжності — він фіксований (150° і 210°).
- Інструмент не оцінює контраст або доступність; перевіряйте це окремо.
- Обробка відбувається локально, без завантаження зображень або використання ШІ.
- Немає експорту файлів або збереження палітри.
Поширені запитання
Чому я бачу три кольори, а не два?
Розділена додаткова схема зазвичай включає базовий колір і два акценти, що знаходяться поруч із протилежним кольором. Тут базовий також відображається як перший зразок.
Чи можу я змінити кут між акцентами?
Ні, у цьому інструменті кути фіксовані: 150° і 210° від базового. Якщо вам потрібні інші кути, скористайтеся іншим інструментом або відредагуйте кольори вручну.
Чому значення кольорів можуть відрізнятися від інших генераторів?
Інструмент округлює значення HSL до цілих чисел і виконує перетворення з плаваючою комою, що може призвести до відмінностей в одному каналі порівняно з іншими реалізаціями.
Обробка виконується локально у вашому браузері.