Инструменти за палитри и достъпност

Красиви палитри. Проверен контраст. Един работен процес.

Въведете марков цвят. Получете хармонизирана палитра, всички оценки по WCAG и експорт за CSS, Tailwind и Figma — без да напускате страницата.

Опитайте сега Виж плановете

Планове от $5/мес. — отказ по всяко време

На живо — работи точно тук

Генерирай палитра

Изберете бранд цвят. ColorWell създава останалото.

Базов цвят

Цветова схема

Аналогична

Оттенъци (светло → тъмно)

Експорт

Изтегляне на дизайн токени

Про

Запазете цялата палитра и скалата на оттенъците като готови за употреба файлове.

Надградете до 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 кодовете.

Стартов

За самостоятелни дизайнери

$5/мес

100 запазени палитри / мес.
Неограничени проверки за контраст
Експорт в CSS / Tailwind / JSON
Вариации, съобразени с бранда

Най-популярно

Про

За бранд екипи

$15/мес

2000 запазени палитри / мес.
Експорт на Figma токени
Бранд кит (проекти с много палитри)
Библиотеки със синхронизиране в облака
Приоритетна поддръжка

Често задавани въпроси

Трябва ли да инсталирам нещо?

Не. ColorWell работи изцяло в браузъра – вашите цветове не напускат устройството ви, докато не решите да ги синхронизирате.

Кой цветови модел използвате?

ColorWell работи с Oklch под капакa – вариациите остават в перцептивния цветови модел, така че осветяването на бранд цвят не променя неговия оттенък.

Как работи експортът?

Копиране с едно кликване в буфера за CSS променливи, Tailwind конфигурации, чист JSON или стилове, готови за Figma. Поставете ги директно в кода или дизайн инструмента си.

Има ли безплатен пробен период?

Не – това е платен инструмент с планове от $5 на месец. Starter е $5/мес., а Pro е $15/мес.; можете да анулирате по всяко време.

Как да анулирам?

От страницата на профила или чрез имейл. Анулирането спира следващото подновяване – оставащото време остава активно.

Спрете ръчното настройване на hex кодове.

Генерирайте палитрата, публикувайте стиловете – всичко на едно място.

Виж плановете