Sada nástrojov na palety a prístupnosť

Krásne palety. Overený kontrast. Jeden pracovný postup.

Vložte farbu značky. Získajte harmonickú paletu, každé hodnotenie kontrastu podľa WCAG a exporty pre CSS, Tailwind a Figma — bez opustenia stránky.

Vyskúšať teraz Zobraziť plány

Plány od $5/mes. — zrušiteľné kedykoľvek

Živé — funguje priamo tu

Vygenerovať paletu

Vyberte farbu značky. ColorWell vytvorí zvyšok.

Základná farba

Farebná schéma

Analógová

Odtiene (svetlý → tmavý)

Export

Stiahnuť dizajnové tokeny

Pro

Uložte celú paletu a škálu odtieňov ako pripravené súbory.

Prejdite na Pro pre sťahovanie súborov

Kontrola kontrastu

Vyberte ľubovoľné dve farby z palety. ColorWell zobrazí hodnotenie podľa WCAG.

Popredný plán

Pozadie

The quick brown fox jumps over the lazy dog.

2.77

Pomer

Hodnotenie: Nespĺňa WCAG

Všetko, čo potrebuje paleta značky

Vytvorené pre aktívnych dizajnérov a frontendové tímy, ktoré denne dodávajú rozhrania.

Harmonické palety

Vyberte ľubovoľnú hex farbu. ColorWell vytvorí analógové, komplementárne, triadické a monochromatické schémy na jedno kliknutie.

Kontrast WCAG — okamžite

Každá dvojica farieb vo vašej palete získa hodnotenie AA/AAA pre text, veľký text a UI komponenty.

Export do CSS, Tailwindu, Figmy

Export na jedno kliknutie do premenných CSS, konfigurácie Tailwind, surových JSON tokenov alebo pripravených štýlov pre Figma.

Variácie bezpečné pre značku

Zosvetlite, stmavte a zvýšte sýtosť bez zmeny odtieňa. ColorWell zostáva v percepčnom farebnom priestore (Oklch).

Pomenované tokeny

Automatické názvy ako "indigo-500" alebo "slate-700" udržujú váš stylesheet čitateľný pre ľudí, nie hex kódy.

Ukladanie a synchronizácia palet

Každá vytvorená paleta je vaša — pomenujte ju, označte tagmi a vráťte sa k nej neskôr. Cloudová synchronizácia pre verziu Pro.

Tri kroky

Začnite jednou farbou značky. Dokončite funkčným stylesheetom.

Vyberte

Vložte hex hodnotu alebo použite výber farby.

Vygenerovať

ColorWell vytvára harmonické palety a vykonáva každú kontrolu kontrastu.

Export

Skopírujte CSS, Tailwind alebo Figma tokeny — priamo do vášho kódu.

Jednoduché ceny

Vyberte plán a prestaňte bojovať s hex kódmi.

Starter

Pre samostatných dizajnérov

$5/mes.

100 uložených palet / mes.
Neobmedzené kontroly kontrastu
Export do CSS / Tailwind / JSON
Variácie šetrné k značke

Najobľúbenejší

Pro

Pre tímy značky

$15/mes.

2000 uložených palet / mes.
Export tokenov pre Figma
Brand kit (projekty s viacfarebnými paletami)
Cloudové synchronizované knižnice
Prioritná podpora

Časté otázky

Musím niečo inštalovať?

Nie. ColorWell beží úplne v prehliadači – vaše farby neopustia vaše zariadenie, kým sa nerozhodnete ich synchronizovať.

Aký farebný priestor používate?

ColorWell funguje pod kapotou v Oklch – variácie zostávajú v percepčnom farebnom priestore, takže zosvetlenie farby značky nemení jej odtieň.

Ako funguje export?

Jedným klikom skopírujte do schránky premenné CSS, bloky konfigurácie Tailwind, surový JSON alebo štýly pripravené pre Figma. Vložte ich priamo do svojho kódu alebo dizajnového nástroja.

Mám k dispozícii bezplatnú skúšobnú verziu?

Nie – ide o platený nástroj s plánmi od $5 mesačne. Starter je $5/mes. a Pro je $15/mes.; kedykoľvek môžete zrušiť.

Ako zruším predplatné?

Na stránke účtu alebo e-mailom. Zrušenie zastaví ďalšie obnovenie – zvyšný čas zostáva použiteľný.

Prestajte ručne ladené hex kódy.

Vygenerujte paletu, odošlite stylesheet – všetko na jednom mieste.

Zobraziť plány