Інструментарій для палітр і доступності

Гарні палітри. Перевірений контраст. Один робочий процес.

Введіть фірмовий колір. Отримайте гармонійну палітру, висновки щодо контрастності за WCAG та експорт для CSS, Tailwind і Figma — не покидаючи сторінку.

Try it now Переглянути тарифи

Тарифи від $5/міс — скасування будь-коли

Live — works right here

Створити палітру

Оберіть брендовий колір. ColorWell зробить решту.

Базовий колір

Колірна схема

Аналогічна

Відтінки (світлий → темний)

Експорт

Завантажити дизайн-токени

Pro

Збережіть повну палітру та градацію відтінків у готових до використання файлах.

Оновіть до Pro для завантаження файлів

Перевірка контрасту

Оберіть будь-які два кольори з палітри. ColorWell покаже висновок WCAG.

Передній план

Фон

The quick brown fox jumps over the lazy dog.

2.77

Співвідношення

Висновок: Не відповідає WCAG

Все необхідне для фірмової палітри

Створено для практикуючих дизайнерів і фронтенд-команд, що щодня створюють інтерфейси.

Гармонійні палітри

Оберіть будь-який колір у форматі hex. ColorWell генерує аналогічні, комплементарні, тріадні та монохромні схеми в один клік.

Контрастність WCAG — миттєво

Кожна пара кольорів у вашій палітрі отримує оцінку AA/AAA для тексту, великого тексту та UI-компонентів.

Експорт у CSS, Tailwind, Figma

Експорт в один клік у змінні CSS, конфіг Tailwind, JSON-токени або стилі для Figma.

Безпечні варіації бренду

Освітлюйте, затемнюйте та насичуйте кольори без зміни відтінку. ColorWell працює в перцептивному колірному просторі (Oklch).

Іменовані токени

Автонайменування на кшталт "indigo-500" або "slate-700" роблять ваші стилі читабельними для людей, а не лише hex-кодами.

Збереження та синхронізація палітр

Кожна створена вами палітра залишається вашою — назвіть її, додайте теги, поверніться пізніше. Хмарна синхронізація для Pro.

Три кроки

Почніть з одного фірмового кольору. Завершіть готовим стилем.

Вибір

Введіть hex-значення або скористайтеся пікером кольору.

Створіть

ColorWell створює гармонійні палітри та перевіряє контрастність.

Експорт

Скопіюйте токени CSS, Tailwind або Figma — прямо у ваш код.

Прості тарифи

Оберіть тариф і припиніть возитися з hex-кодами.

Starter

Для соло-дизайнерів

$5/міс

100 збережених палітр / міс
Необмежена перевірка контрастності
Експорт у CSS / Tailwind / JSON
Безпечні для бренду варіації

Найпопулярніший

Pro

Для бренд-команд

$15/міс

2000 збережених палітр / міс
Експорт токенів для Figma
Бренд-кит (проєкти з кількома палітрами)
Хмарна синхронізація бібліотек
Пріоритетна підтримка

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

Чи потрібно щось встановлювати?

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

Який колірний простір ви використовуєте?

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

Як працює експорт?

Копіювання в один клік для CSS-змінних, блоків конфігурації Tailwind, чистого JSON або стилів для Figma. Вставляйте їх безпосередньо в код або інструмент дизайну.

Чи є безкоштовний пробний період?

Ні — це платний інструмент із тарифами від $5 на місяць. Starter коштує $5/міс, а Pro — $15/міс; скасувати можна будь-коли.

Як скасувати підписку?

На сторінці акаунта або через електронну пошту. Після скасування наступне оновлення не відбувається — залишок часу залишається активним.

Припиніть вручну налаштовувати hex-коди.

Створіть палітру, випустіть стилі — все в одному місці.

Переглянути тарифи