CColorWell
Добијте го ColorWell
Палета + алатка за пристапност

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

Внесете ја бојата на брендот. Добијте хармонизирана палета, секоја WCAG оцена и експорти за CSS, Tailwind и Figma — без да ја напуштате страницата.

Планови од $5/месец — откажете во секое време

Во живо — работи тука

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

Изберете боја за брендот. ColorWell го прави останатото.

Аналогна

Нијанси (светло → темно)

Извези

Преземи дизајн токени

Про

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

Надградете на Pro за преземање фајлови

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

Комбинирајте било кои две бои од палетата. ColorWell го прикажува WCAG резултатот.

Aa
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" го прават вашиот stylesheet читлив за луѓето, а не hex кодовите.

Зачувувајте и синхронизирајте палети

Секоја палета што ја креирате е ваша — именувајте ја, означете ја и вратете се подоцна. Облачна синхронизација за Pro.

Три чекори

Започнете со една боја на брендот. Завршете со работен stylesheet.

1

Изберете

Внесете hex вредност или користете го избирачот на бои.

2

Генерирај

ColorWell креира хармонизирани палети и ги врши сите проверки за контраст.

3

Експортирај

Копирајте ги CSS, Tailwind или Figma токените — директно во вашата база на код.

Едноставни цени

Изберете план и престанете да се борите со hex кодовите.

Стартер

За соло дизајнери

$5/мес
  • 100 зачувани палети / мес
  • Неограничени проверки на контраст
  • CSS / Tailwind / JSON извоз
  • Безбедни варијации за бренд
Најпопуларен
Про

За бренд тимови

$15/мес
  • 2000 зачувани палети / мес
  • Извоз на Figma токени
  • Бренд комплет (проекти со повеќе палети)
  • Библиотеки синхронизирани во облак
  • Приоритетна поддршка

Често поставувани прашања

Дали треба да инсталирам нешто?

Не. ColorWell работи целосно во прелистувачот — вашите бои не ја напуштаат машината сè додека не одлучите да ги синхронизирате.

Кој простор на бои го користите?

ColorWell работи во Oklch под хаубата — варијациите остануваат во перцептивниот простор на бои, така што посветлувањето на бојата на брендот не ја менува нијансата.

Како функционира извозот?

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

Добивам ли бесплатен пробен период?

Не — ова е платена алатка со планови од $5 месечно. Starter е $5/мес и Pro е $15/мес; можете да откажете во секое време.

Како да откажам?

Од страницата со сметка или преку е-пошта. Откажувањето го запира следното обновување — преостанатото време останува достапно.

Престанете рачно да ги подесувате hex кодовите.

Генерирајте ја палетата, испорачајте го стилот — сè на едно место.

Види планови