Як Це Працює
1
Виберіть Ваш Колір
Використовуйте вибір спектру, колірне коло або вставте будь-який код кольору.
2
Створіть Вашу Палітру
Додавайте кольори до палітри, генеруйте гармонії, перевіряйте контраст і створюйте градієнти. Заблокуйте кольори, які вам подобаються, і перемішайте інші.
3
Експорт Куди Завгодно
Копіюйте в будь-якому форматі, експортуйте як CSS змінні, конфіг Tailwind, SCSS або JSON. Все відбувається у вашому браузері.
Потужні Функції
100% Приватно
Вся обробка відбувається локально. Ніяких завантажень, ніяких серверів, ніякого відстеження.
14+ Колірних Форматів
HEX, RGB, HSL, HSV, CMYK, LAB, LCH, OKLAB, OKLCH, HWB та інші.
Інструменти Доступності
Перевірка контрасту WCAG та APCA, симуляція дальтонізму.
Колірні Гармонії
Комплементарні, аналогові, тріадичні, тетрадичні та інші схеми.
Часті Запитання
Мої дані приватні?
Так, на 100%. Вся обробка кольорів відбувається повністю у вашому браузері за допомогою JavaScript. Ніякі дані ніколи не надсилаються на жоден сервер. Ми нічого не відстежуємо, не зберігаємо і не передаємо.
Які колірні формати підтримуються?
Ми підтримуємо 14+ колірних форматів: HEX, HEX8 (з альфою), RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK, LAB, LCH, OKLAB та OKLCH. Ви можете вводити та виводити в будь-якому форматі.
Що таке контраст WCAG?
WCAG (Керівництво із забезпечення доступності веб-контенту) визначає мінімальні коефіцієнти контрасту для читабельності тексту. AA вимагає 4.5:1 для звичайного тексту та 3:1 для великого тексту. AAA вимагає 7:1 та 4.5:1 відповідно.
Що таке APCA?
APCA (Удосконалений алгоритм перцептивного контрасту) — це сучасний метод розрахунку контрасту, який краще моделює людське сприйняття. Він розглядається для WCAG 3.0 та забезпечує більш точні результати для реальної читабельності.