Sada nástrojů pro palety a přístupnost

Krásné palety. Ověřený kontrast. Jeden pracovní postup.

Vložte značkovou barvu. Získejte harmonickou paletu, hodnocení kontrastu podle WCAG a exporty pro CSS, Tailwind a Figma — aniž byste opustili stránku.

Try it now Zobrazit plány

Plány od $5/měs — kdykoli zrušitelné

Live — works right here

Vygenerovat paletu

Vyberte barvu značky. ColorWell vytvoří zbytek.

Základní barva

Barevné schéma

Analogické

Odstíny (světlé → tmavé)

Export

Stáhnout designové tokeny

Pro

Uložte celou paletu a škálu odstínů jako připravené soubory.

Přejděte na Pro pro stahování souborů

Kontrola kontrastu

Vyberte libovolné dvě barvy z palety. ColorWell zobrazí výsledek podle WCAG.

Popředí

Pozadí

The quick brown fox jumps over the lazy dog.

2.77

Poměr

Výsledek: Nesplňuje WCAG

Vše, co paleta značky potřebuje

Vytvořeno pro aktivní designéry a frontendové týmy, které denně dodávají rozhraní.

Harmonické palety

Vyberte libovolnou hex barvu. ColorWell vytvoří analogické, komplementární, triadické a monochromatické schématy na jedno kliknutí.

Kontrast WCAG — okamžitě

Každý pár barev ve vaší paletě získá hodnocení AA/AAA pro text, velký text a UI komponenty.

Export do CSS, Tailwindu, Figmy

Export na jedno kliknutí do CSS proměnných, konfigurace Tailwindu, surových JSON tokenů nebo stylů připravených k vložení do Figmy.

Variace šetrné k značce

Zesvětlete, ztmavte a zvyšujte saturaci bez změny odstínu. ColorWell zůstává v percepčním barevném prostoru (Oklch).

Pojmenované tokeny

Automatické názvy jako "indigo-500" nebo "slate-700" činí váš stylsheet čitelným pro lidi, ne pro hex kódy.

Ukládání a synchronizace palet

Každá vytvořená paleta je vaše — pojmenujte ji, otagujte a vraťte se k ní později. Cloudová synchronizace pro plán Pro.

Tři kroky

Začněte jednou značkovou barvou. Skončete s funkčním style sheetem.

Vyberte

Vložte hex hodnotu nebo použijte výběr barvy.

Vygenerujte

ColorWell vytvoří harmonické palety a provede všechny kontroly kontrastu.

Export

Zkopírujte CSS, Tailwind nebo Figma tokeny přímo do svého kódu.

Jednoduché ceny

Vyberte si plán a přestaňte řešit hex kódy.

Starter

Pro samostatné designery

$5/měs

100 uložených palet / měs.
Neomezené kontroly kontrastu
Export do CSS / Tailwind / JSON
Variace šetrné k značce

Nejoblíbenější

Pro

Pro týmy značky

$15/měs

2000 uložených palet / měs.
Export tokenů pro Figma
Brand kit (projekty s více paletami)
Knihovny synchronizované v cloudu
Prioritní podpora

Časté dotazy

Musím něco instalovat?

Ne. ColorWell běží přímo v prohlížeči — vaše barvy neopustí váš počítač, dokud je sami nezsynchronizujete.

Jaký barevný prostor používáte?

ColorWell používá pod kapotou Oklch — variace zůstávají v perceptuálním barevném prostoru, takže zesvětlení barvy značky neposune její odstín.

Jak fungují exporty?

Jedním kliknutím zkopírujte do schránky proměnné CSS, bloky konfigurace Tailwind, surový JSON nebo styly připravené pro Figma. Vložte je přímo do kódu nebo designového nástroje.

Je k dispozici bezplatná zkušební verze?

Ne — jedná se o placený nástroj s plány od $5 měsíčně. Starter je $5/měs. a Pro je $15/měs.; kdykoli můžete zrušit.

Jak zruším předplatné?

Na stránce účtu nebo e-mailem. Zrušení zastaví další obnovu — zbývající čas zůstává dostupný.

Přestaňte ručně ladit hex kódy.

Vygenerujte paletu, odešlete stylesheet — vše na jednom místě.

Zobrazit plány