Генератор палітри кольорів
Виберіть основний колір і схему, щоб створити палітру з двох або трьох кольорів. Використовуйте додаткові, аналогічні, тріадні або розділені додаткові відтінки, а потім скопіюйте окремі коди HEX або збережіть список як текст.
Що можна робити
Створення палітр за чотирма схемами
Вибирайте додаткові, аналогічні, тріадні або розділені додаткові відтінки, зберігаючи насиченість і світлоту основного кольору.
Отримання коду кожного кольору
Переглядайте зразки й коди HEX, копіюйте кожен код або зберігайте список у порядку відображення як palette.txt.
Використання варіанта як основи наступної палітри
Виберіть «Використати як основний колір» для одного з варіантів, а потім створіть нову палітру.
Як користуватися
Введіть основний колір
Виберіть HEX, RGB, HSL, HSV або CMYK і введіть значення чи скористайтеся палітрою кольорів.
Виберіть схему
Для додаткової схеми створюються два кольори. Для аналогічної, тріадної та розділеної додаткової — три.
Створіть палітру
Виберіть «Створити палітру», щоб переглянути зразки й коди HEX. Зміна схеми після генерації оновлює палітру на основі підтвердженого основного кольору.
Отримайте коди
Копіюйте окремі коди, усі разом або збережіть як TXT. Після зміни основного кольору створіть палітру знову.
Коли стане в пригоді
Пошук варіантів акцентних кольорів
Використовуйте основний колір сторінки або дизайну, щоб порівняти різні співвідношення відтінків.
Збереження кодів палітри в нотатках
Скопіюйте або збережіть список HEX у порядку відображення для використання в дизайнерській програмі.
Колірні схеми та обмеження виведення
Чотири співвідношення відтінків
У додатковій схемі використовується відтінок на 180 градусів від основного. Аналогічна використовує відтінки на 30 градусів по обидва боки, тріадна — кроки по 120 градусів, а розділена додаткова — зсуви на 150 і 210 градусів. В аналогічній схемі основний колір розміщений посередині.
Насиченість і світлота залишаються незмінними
Відтінок палітри змінюється в HSL зі збереженням насиченості та світлоти. Результати округлюються до 8-бітного RGB і показуються як HEX. Для ахроматичних кольорів значення HEX можуть повторюватися; кількість і порядок кольорів зберігаються.
Перевіряйте читабельність окремо
Палітри на основі відтінків не гарантують контрастності чи читабельності тексту. Перевірте кожну пару кольорів тексту й тла засобом перевірки контрастності.
Запитання та відповіді
Чому той самий колір може з’явитися кілька разів?
Зміна відтінку може дати однакові значення HEX для ахроматичних кольорів. Результати не коригуються й не об’єднуються; кількість і порядок кольорів у схемі зберігаються.
Чи змінюється основний колір після копіювання?
Копіювання нічого не змінює. «Використати як основний колір» перемикає введення на HEX і очищує попередню палітру. Виберіть «Створити палітру», щоб згенерувати її знову.
Чи можна зберегти змінні CSS або зображення?
Доступні лише копіювання кодів HEX і збереження palette.txt. Змінні CSS та експорт зображень не передбачені.
Введення та виведення
- Введення
- Основний колір у форматі HEX, RGB, HSL, HSV або CMYK чи вибраний колір. Альфа-канал не підтримується.
- Схема
- Додаткові, аналогічні, тріадні або розділені додаткові кольори.
- Виведення
- Два або три коди HEX. Скопіюйте або збережіть їх у palette.txt, по одному в рядку в порядку відображення.