Професійні інструменти для роботи з кольором

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

AI-студія палітрПопулярнеОпишіть сцену або настрій одним реченням — отримайте палітру з п'ятьма ролями з обґрунтуванням.Пошук кольорів за допомогою ШІПопулярнеОпишіть настрій, сцену або зображення одним реченням — ШІ поверне 3 кольори, що найкраще відповідають, з найближчими іменованими та традиційними кольорами.Гармонізатор OKLCHНовеШість перцептивно рівномірних гармоній з тонким налаштуванням L/C/H для кожного зразка та живим контрастом.a9d8fПакетний іменувач кольорівНовеВставте набір значень HEX і миттєво отримайте назви для кожного кольору з 32 258 названих кольорів та 659 китайських традиційних кольорів — з готовими до копіювання назвами змінних CSS.Lc 75Lc 75Композитор контрасту APCAНовеapcach = APCA + OKLCH. За заданим цільовим контрастом, хромою та відтінком обчисліть точний колір, який йому відповідає — спочатку встановіть «наскільки контраст», потім отримайте колір.Змішувач кольорівНовеПерцептивно рівномірна OKLab шкала змішування між двома кольорами — без сірої зони, 3–15 кроків, градієнт CSS одним кліком.Генератор відтінківНовеПеретворіть будь-який колір на шкалу системи дизайну з 11 кроками, перцептивно рівномірну в OKLCH, з контрастом WCAG на кожному кроці, експортуйте в Tailwind/CSS/SCSS/JSON.AaAaAaСітка контрастуНовеРозмістіть усю вашу палітру в одній N×N таблиці перевірки — співвідношення WCAG та APCA Lc для кожної пари передній план → фон, вирішуйте за одним поглядом.Редактор OKLCHНовеНалаштуйте L / C / H у перцептивно рівномірному просторі OKLCH з живим попереднім переглядом та виведенням oklch() / HEX / RGB.Семантична палітра для UIНовеВведіть один брендовий колір, отримайте основний / другорядний / успіх / попередження / небезпеку — експортується як конфігурація Tailwind та CSS-змінні.3D-простір кольорів RGBНове216 веб-безпечних кольорів, розташованих у вигляді 3D-куба. Перетягуйте для обертання та перегляду структури простору кольорів; натисніть будь-яку точку для отримання повного профілю.Відповідність стандартамНовеВведіть код RAL, Pantone або NCS — або будь-який HEX — і знайдіть відповідність серед усіх 10 стандартних систем за CIEDE2000 ΔE.Візуалізатор палітрНовеДодайте палітру з 5 кольорів до макетів інформаційної панелі, лендінгу та мобільного пристрою — ролі призначаються автоматично.Панель палітрПробіл для випадкового вибору, блокування, перетягування для впорядкування, спільне використання за URL — все, що має робити панель палітр.Колірне колесоНовеПеретягніть колесо, щоб вибрати базовий колір, отримайте шість схем гармонії в реальному часі, відкрийте в панелі або експортуйте PNG.Генератор палітрЗгенеруйте 6 схем гармонії з колірного колеса одним кліком.Екстрактор кольорів з зображенняЗавантажте зображення та витягніть домінантні кольори за допомогою кластеризації K-means++ — обробка відбувається локально.Створювач градієнтівГрадієнти OKLCH з перцептуальною рівномірністю, без сірих смуг, експорт CSS одним кліком.Конвертер кольорівВведіть будь-який формат (HEX / RGB / HSL / назва) і конвертуйте в усі колірні простори в реальному часі.AaAaПеревірка контрастуПеревірка контрасту за WCAG 2.1 між будь-яким кольором переднього плану та фону.Симулятор дальтонізмуСимулюйте 8 типів порушення кольорового зору для перевірки доступності.Тест на кольоровий зірНовеТест D-15 у форматі розташування 15 елементів — визначте вашу здатність розрізняти червоно-зелені / синьо-жовті кольори за дві хвилини.Редактор HCTНовеОфіційний простір кольорів Google за Material 3: редагування перцептивно рівномірного Відтінку / Хроми / Тону з 13-кроковою тональною палітрою та виведенням ролей Material 3 — налаштуйте брендовий колір та створіть тему за один прохід.Пікер кольорівВиберіть будь-який колір з 24-бітного простору, попередньо перегляньте його та відкрийте повний профіль.