CColorWell
ColorWell алыгыз
Палитра + a11y кораллар җыелмасы

Матур палитралар. Тикшерелгән контраст. Бер эш агымы.

Бренд төсен кертәгез. Гармонияләнгән палитра, һәр WCAG бәясе һәм CSS, Tailwind, Figma өчен экспорт алыгыз — биттән чыкмыйча.

$5/ай бәясеннән планнар — теләсә кайсы вакытта туктатырга мөмкин

Хәзерге вакытта — шунда ук эшли

Палитра тудыру

Бренд төсен сайлагыз. Калганын ColorWell үзе ясый.

Аналогик

Төс күләмнәре (ачыктан караңгыга)

Экспорт

Дизайн токеннарын йөкләп алу

Pro

Тулы палитраны һәм төс күләмнәрен әзер файллар итеп саклагыз.

Файлларны йөкләү өчен Pro версиясенә күчегез

Контраст тикшерү

Палитрадан теләсә нинди ике төсне сайлагыз. ColorWell WCAG нәтиҗәсен күрсәтә.

Aa
The quick brown fox jumps over the lazy dog.
2.77
Чагыштырма

Нәтиҗә: WCAG таләпләренә туры килми

Бренд палитрасына кирәкле бар нәрсә

Көн саен интерфейс әзерләүче практик дизайнерлар һәм фронтенд командалары өчен эшләнгән.

Гармонияләнгән палитралар

Хәзерге hex төсен сайлагыз. ColorWell бер басуда аналог, комплементар, триадик һәм монохром схемаларын тәкъдим итә.

WCAG контрасты — шунда ук

Палитрадагы һәр төс пары өчен текст, зур текст һәм UI компонентлары буенча AA/AAA бәясе бирелә.

CSS, Tailwind, Figma экспорты

Бер басуда CSS үзгәрешлеләренә, Tailwind конфигурациясенә, чиста JSON токеннарына яки Figma стиленә күчерегез.

Бренд өчен куркынычсыз вариантлар

Төс тонын үзгәртмичә яктырту, караңгырту һәм тукландыру. ColorWell перцептив төс мәйданында (Oklch) эшли.

Исемле токеннар

"indigo-500" яки "slate-700" кебек автоматик исемнәр стилегезне кешеләр өчен аңлаешлы итә, hex кодлары түгел.

Палитраларны саклау һәм синхронизацияләү

Ясаган һәр палитра сезнеке — исем бирегез, тег куйгыз, соңрак кире кайтыгыз. Pro өчен болыт синхронизациясе.

Өч адым

Бер бренд төсеннән башлагыз. Эшли торган стилемәгә ирешегез.

1

Сайлау

Hex кыйммәтен кертәгез яки төс сайлагычын кулланыгыз.

2

Ясау

ColorWell гармонияләнгән палитралар ясый һәм барлык контраст тикшерүләрен үткәрә.

3

Экспорт

CSS, Tailwind яки Figma токеннарын күчерегез — турыдан-туры код базасына.

Гади бәяләр

План сайлагыз һәм hex кодлары белән көрәшүне туктатыгыз.

Башлангыч

Ялгыз дизайнерлар өчен

$5/ай
  • Айына 100 сакланган палитра
  • Чиксез контраст тикшерүләре
  • CSS / Tailwind / JSON экспорты
  • Бренд стиленә туры килгән вариантлар
Иң популяр
Pro

Бренд командалары өчен

$15/ай
  • Айына 2000 сакланган палитра
  • Figma токены экспорты
  • Бренд киты (күп палитралы проектлар)
  • Болытта синхронлаштырылган китапханәләр
  • Өстенлекле ярдәм

Еш бирелә торган сораулар

Ниндидер урнаштырырга кирәкме?

Юк. ColorWell тулысынча браузерда эшли — сез синхронлаштыргач кына төсләр сезнең машинагыздан чыга.

Сез нинди төс киңлеген кулланасыз?

ColorWell эчке яктан Oklch куллана — вариантлар перцептив төс киңлегендә кала, шуңа күрә бренд төсен яктырту аның тонын үзгәртми.

Экспорт ничек эшли?

CSS үзгәрешлеләре, Tailwind конфигурация блоклары, чиста JSON яки Figma өчен әзер стильләр өчен бер басым белән буферга күчерү. Аларны турыдан-туры код яки дизайн коралыгызга языгыз.

Бушлай сынау вакыты бармы?

Юк — бу түләүле корал, айлык планнар $5 башлана. Starter — айына $5, ә Pro — айына $15; теләсә кайсы вакытта бетерергә мөмкин.

Ничек бетерергә?

Хисап битеннән яки безгә электрон почта җибәреп. Бетерү киләсе яңартуны туктата — калган вакытны кулланырга мөмкин.

Hex кодларын кул белән көйләүне туктатыгыз.

Палитраны тудырыгыз, стильләр битен чыгарыгыз — барысы да бер урында.

Планнарны карау