Сулуу палитралар. Текшерилген контраст. Бир гана процесс.
Бренд түсүн киргизиңиз. Гармониялуу палитра, бардык WCAG баалары жана CSS, Tailwind, Figma үчүн экспортторду алыңыз — беттен чыкпай туруп.
$5/айынан баштап — каалаган убакта токтотуу
Палитра түзүү
Бренд түсүн тандаңыз. Калганын ColorWell жасайт.
Аналогдук
Өңдөр (ачык → кочкул)
Экспорттоо
Дизайн токендерин жүктөп алуу
ProТолук палитраны жана өңдөр катарын даяр файлдар катары сактаңыз.
Файлдарды жүктөө үчүн Pro планга өтүңүз
Контрастты текшерүү
Палитрадан каалаган эки түстү тандаңыз. ColorWell WCAG жыйынтыгын көрсөтөт.
Жыйынтык: WCAG талабына жооп бербейт
Бренд палитрасына керектүү нерселердин баары
Күн сайын интерфейс түзүп жаткан иштеген дизайнерлер жана фронтенд командалары үчүн.
Гармониялуу палитралар
Каалаган hex түстү тандаңыз. ColorWell аналогдук, комплементардык, триадикалык жана монохроматикалык схемаларды бир басым менен түзөт.
WCAG контрасты — дароо
Палитраңыздагы түстөрдүн ар бир жубу текст, чоң текст жана UI компоненттери үчүн AA/AAA баасын алат.
CSS, Tailwind, Figma экспорттору
CSS өзгөрмөлөрүнө, Tailwind конфигурациясына, JSON токендери же Figma стилине бир басым менен экспорттоңуз.
Брендге ылайыктуу варианттар
Түстү бузбастан жарыктандырыңыз, кочкулдатыңыз жана каныктырыңыз. ColorWell перцептивдүү түс мейкиндигинде (Oklch) иштейт.
Аталган токендер
"indigo-500" же "slate-700" сыяктуу автоматтык аталыштар стилиңизди адамдар үчүн окууга оңой кылат, hex коддору эмес.
Палитраларды сактоо жана синхрондоо
Түзгөн ар бир палитраңыз сизде калат — ага ат коюңуз, тег бериңиз, кийин кайтып келиңиз. Pro үчүн булут синхрондору.
Үч кадам
Жалгыз бренд түсүнөн баштаңыз. Иштеп жаткан стили менен аяктаңыз.
Тандоо
Hex маанисин киргизиңиз же түс тандагычты колдонуңуз.
Жасоо
ColorWell гармониялуу палитраларды түзөт жана бардык контраст текшерүүлөрүн жүргүзөт.
Экспорттоо
CSS, Tailwind же Figma токендерин көчүрүңүз — түздөн-түз кодуңузга.
Жөнөкөй баалар
Планды тандаңыз жана hex коддору менен күрөшүүнү токтотуңуз.
Жалгыз дизайнерлер үчүн
- айына 100 сакталган палитра
- Чексиз контрастты текшерүү
- CSS / Tailwind / JSON экспорттоо
- Брендге ылайыктуу варианттар
Бренддик командалар үчүн
- айына 2000 сакталган палитра
- Figma токендерин экспорттоо
- Бренд кити (бир нече палитралык долбоорлор)
- Булут менен синхрондолгон китепканалар
- Приоритеттүү колдоо
Көп берилүүчү суроолор
Эч нерсе орнотуу керекпи?
Жок. ColorWell толугу менен браузерде иштейт — синхрондогонго чейин түстөрүңүз түзмөгүңүздөн чыкпайт.
Кайсы түс мейкиндигин колдоносуз?
ColorWell ичинде Oklch колдонот — варианттар перцептивдик түс мейкиндигинде калат, ошондуктан бренд түсүн жарыктандырганда анын түсү өзгөрбөйт.
Экспорттоо кантип иштейт?
CSS өзгөрмөлөрүн, Tailwind конфигурация блокторун, таза JSONду же Figmaга даяр стилдерди бир басышта көчүрүп алуу. Аларды түздөн-түз кодго же дизайн куралына жабыштырыңыз.
Акысыз сынак барбы?
Жок — бул $5 айдан башталган акы төлөнүүчү курал. Starter — айына $5, Pro — айына $15; каалаган убакта жокко чыгарсаңыз болот.
Кантип жокко чыгарам?
Аккаунт бети аркылуу же бизге электрондук почта жөнөтүү менен. Жокко чыгаруу кийинки жаңыртууну токтотот — калган убактыңыз колдонууга жарамдуу бойдон калат.
Hex коддорун кол менен тандабаңыз.
Палитраны түзүңүз, стилиди даярдаңыз — баары бир жерде.
Пландарды көрүү