Генератор доступної палітри для порушень колірного зору

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

Як користуватися

1

Оберіть режим «Генерувати» для нової палітри або «Виправити палітру», щоб перевірити наявні кольори.

2

У режимі генерації вкажіть тип палітри, кількість кольорів (3–8) і базовий колір.

3

Натисніть «Згенерувати» — алгоритм забезпечить, щоб усі пари пройшли поріг Delta-E за кожного типу CVD.

4

Натисніть іконку замка на будь-якому зразку, щоб зафіксувати його при перегенерації інших.

5

Скористайтеся меню «Експорт», щоб скопіювати CSS-змінні, скачати SVG/PNG або отримати конфіг Tailwind/Figma.

🔥 Зараз у тренді
🗣️ Текст у мовлення ✨ Покращення відео ✂️ Обрізати аудіо ✨ Підсилювач аудіо 🎭 Зміна голосу 🎙️ Видалення вокалу 🎬 Відео з аудіо 🎬 Обрізання відео

Генеруйте та виправляйте палітри для всіх типів порушення колірного зору

Тип палітри
Кількість кольорів 5
Базовий колір #4f7cac
По одному hex на рядок або через кому (наприклад, #FF0000, #00FF00)
Ваша палітра
Перегляд CVD
Не знаєте, що спробувати?
700+ інструментів — відкрийте сюрприз
🎲 Здивуйте мене

Можливості

Генерація палітр за 5 типами гармонії: монохроматична, аналогова, комплементарна, тріадна, тетрадна
Оберіть базовий колір і гармонію — інструмент побудує від 3 до 8 зразків у перцептивно рівномірному кольоровому просторі OKLCH.
Перевірка та виправлення наявних палітр на доступність для CVD
Вставте hex-кольори, і оптимізатор підстроїть відтінок, насиченість і яскравість доти, доки кожна пара не подолає поріг Delta-E.
Перегляд у реальному часі для всіх типів порушення колірного зору
Перегляньте кожну палітру в симуляції протанопії, дейтеранопії, тританопії та ахроматопсії поруч із нормальним зором.
Зафіксуйте окремі кольори та перегенеруйте решту
Залиште фірмові кольори незмінними, поки алгоритм перероблює інші, а потім експортуйте до CSS, Tailwind, Figma, SVG або PNG.

Часті запитання

Що таке палітра для дальтоніків?

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

Як працює алгоритм?

Кольори генеруються у кольоровому просторі OKLCH, який є перцептивно рівномірним. Алгоритм обчислює відстані Delta-E 2000 між усіма парами кольорів в умовах симульованого CVD. Якщо будь-яка пара опускається нижче порогу, кольори ітеративно коригуються за відтінком, насиченістю та яскравістю доти, доки всі пари не пройдуть перевірку. Зафіксовані кольори залишаються незмінними під час оптимізації.

Що таке Delta-E і який поріг використовується?

Delta-E 2000 — це метрика перцептивної різниці кольорів. Delta-E 1 відповідає найменшій різниці, яку може помітити навчене око. Цей інструмент використовує мінімальний поріг 10 для CVD-симульованих пар, що гарантує комфортне розрізнення кольорів навіть для людей із вираженим порушенням колірного зору.

Чи можна використовувати це для вебдизайну та візуалізації даних?

Звичайно. Доступні кольорові палітри необхідні для діаграм, графіків, карт, елементів інтерфейсу та будь-якого дизайну, де колір несе смислове навантаження. Експортуйте безпосередньо як CSS-змінні для вебпроєктів, конфіг Tailwind для utility-first фреймворків або Figma JSON для дизайн-інструментів.

💡 Хочете, щоб ми покращили цей інструмент спеціально для вас?

Звичайно! Просто надішліть нам коротке повідомлення з вашою ідеєю. Якщо хочете обговорити детальніше — залиште email, і ми зв’яжемося з вами. Можна залишитися анонімом.

Може сподобатися

✅ Перевірка доступності кольорів 👓 Симулятор дальтонізму 👁️ Тест на дальтонізм 🍷 BAC-калькулятор 👓 PD-метр 📝 Визначник кольорів 🫁 Дихальні вправи 🌙 Календар місячних

Як ви оцінюєте цей інструмент?

Дякуємо за вашу оцінку!
Хочете розповісти більше? Залиште коментар!
Дякуємо! Ваш коментар з’явиться після модерації.
Для кого цей інструмент?
♿ Користувачі з особливими потребами 🏥 Медичні працівники 📷 Фотографи
Опубліковано Оновлено Автор: