Гайхалтай палитрууд. Баталгаажсан харьцуулалт. Нэг ажиллагааны урсгал.
Брэндийн өнгөө оруул. Нийцтэй палитр, бүх 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 кодыг гараар тохируулахаа болиорой.
Палитр үүсгэж, стилийн хуудсыг гаргацгаая — бүгд нэг газарт.
Багцуудыг харах