UI barevný generátor palety

Komerční využití OK 380+ modely Žádné vodoznaky. Není třeba se zaregistrovat
Vzor:
+ GPT-5, Claude, Gemini
Spusťte obrázek, získejte strukturovanou barevnou paletu. Vyberte, jak extrahovat: dominantní pro celkovou náladu, pulzující pro oko-catching zvýraznění, ztlumený pro měkké tóny, přístupné pro WCAG-AA kontrastní páry. Klikněte na jakékoliv hodinky kopírovat jeho HEX. Exportovat jako CSS / SCSS / Tailwind.

Spusťte obrázek pro extrahování její palety

JPG, PNG, Webb do 10MB

Náhled
~500 žetony
Zdroj
Extrahované palety

Na co můžete použít paletu

Značkové barevné systémy

Drop your inspiration board, get a 4-color brand palette. Brand-friendly mode picks the 3 most-distinct hues + a neutral. Export as Tailwind config for your design system.

Web / design aplikace

Shodovat vaše stránky s obrazem hrdiny, přetvořit přistávací stránku, vytvořit variantu temného režimu. Přístupný režim vlajky WCAG-AA-v souladu s textem/podzemí párů. Exportovat jako CSS proměnné kapky přímo do vašeho:root.

Malba / ilustrace reference

Extrahovat palety z mistrovské malby (Monet, Van Gogh, Hopper) ke studiu jejich volby barev. Použijte jako referenční paletu pro vlastní digitální malbu v Procreate / Photoshop.

Interiér / módní náladové desky

Fotografie místnosti, kterou milujete nebo uložit Pinterest módní záběr, extrahovat paletu, vzít HEX kódy do obchodu s barvami / tkaniny. Mutovaný režim je nejlepší pro interiér design (avoids hlasitý akcent barvy).

Prezentace / paluby

Extrahovat paletu z vašeho hero paluby obrazu, aplikovat přes všechny diapozitivy pro vizuální soudržnost. Značko-přátelský režim udržuje to na 3 odstíny a pravidlo pro non-rozptylující prezentace.

Analýza obálky alba / knihy

Reverzní-inženýr kultovní album / kniha / film-poster palety (Dark Side of the Moon prism, Penguin Classic spines, Wes Anderson stills). Skvělé pro design-historické studie a parodie projektů.

Free.ai vs Coolors / Adobe Color / Khroma / Piktaculous

FunkceFree.aiCoolorsAdobe ColorKhroma
Cena$0 (daily pool)$3-12/mo Pro$22.99/mo Photoshop planFree / Pro $4.99
Image-to-paletteAno.Ano.Ano.Ne.
Přístupnost WCAGAno.Ano.Ano.Ne.
Exportovat formátyCSS / SCSS / Tailwind / JSONMnoho (Pro)ASE, Photoshop swatchCSS / Sketch
Požadováno přihlášeníNe.Pro uložení / ProAno.Ano.
Pokročilé možnosti
Výsledek
Tokeny docházejí. Získejte více žetonů
Chceš lepší výsledky? Premium modely (GPT-5, Claude, Gemini) poskytovat vyšší kvalitu. Zobrazit plány

Zpracovávám vaši žádost...

Generovat krásné barevné palety z obrázků nebo textu s volným UI. Ideální pro designéry.

Jak se používá UI barevný generátor palety

1
Zadejte svůj vstup

Zadejte text, nahrajte soubor nebo popište, co chcete. Žádný účet nepotřebujete.

2
Klikněte na generovat

Naše UI zpracovává váš požadavek během několika sekund pomocí nejlepších open-source modelů.

3
Stáhnout & podíl

Stáhnout, zkopírovat nebo sdílet svůj výsledek. Volný pro osobní a komerční použití.

Použijte tento nástroj přes API

Automatizovat tento nástroj z vašeho vlastního kódu. OpenAI kompatibilní REST koncového bodu, Bearer-token auth, není potřeba žádný SDK navíc. Token náklady odpovídají webové rozhraní.

curl -X POST https://api.free.ai/v1/image/generate/ \
  -H "Authorization: Bearer sk-free-..." \
  -H "Content-Type: application/json" \
  -d '{"prompt": "A sunset over mountains", "model": "sdxl"}'

UI barevný generátor palety — FAQ

Drop jakýkoli obrázek, získat strukturovaný 4-10 barev paleta zpět. 5 režimy extrakce (Dominant pro celkovou náladu, Vibrant pro oko-catching zvýraznění, Muted / pastel pro měkké tóny, Brand-friendly pro 3 různé odstíny + neutrální, Dostupné pro WCAG-AA kontrastní páry). Výstup jako HEX / RGB / HSL / všechny formáty. One-click export do CSS proměnných, Tailwind config.

Coolors ($3-12/mo Pro pro image-to-palette + spoření) je nejbližším přímým konkurentem stejný workflow, placené. Adobe Color (zdarma, ale zabalený s 22,99 dolarů / mo Photoshop plán pro vážné použití) má zlato-standardní kontrola dostupnosti. Khroma (zdarma + 4,99 dolarů Pro) je text-to-palette pouze? žádné extrakce obrazu. Free.ai odpovídá Coolors's image extraction + Adobe's WCAG check, $0, žádné přihlášení.

Dominant pro design inspirace / nálada-board shrnutí (nejčastější barvy). Vibrant pro hrdinové prvky + CTAs (oči-lovící vrcholy, ignoruje šedé). Mutovaný pro interiér / móda / wellness (skips hlasitý akcenty). Značkový-přátelský, když potřebujete 3 odstíny můžete skutečně použít jako primární + sekundární + akcent. Přístupný při budování palety UI, kde text potřebuje projít WCAG-AA na pozadí.

HEX (#FF5733) for general use. RGB (255, 87, 51) for design tools. HSL (12, 100%, 60%) for tweaking lightness / saturation. "All formats" lists every conversion side-by-side. One-click export buttons: copy all HEX as plain text, CSS variables block (:root { --color-1: #FF5733; ... }), or Tailwind config (theme: { extend: { colors: { ... }}}).

Ano! Spusťte svou hrdinskou fotku, vyberte režim Brand-friendly, získejte 3 nejzřetelnější odstíny + neutrální. Aplikujte, že paleta webu-široké přes proměnné CSS. Nástroj vrací barvy v pořadí dominance, takže první 3 jsou typicky vaše primární / sekundární / akcent a zbytek jsou tóny, které můžete použít střídmě.

Ano, vyberte přístupný režim a nástroje vlajky HEX párů, které projdou WCAG-AA kontrast (4.5:1 pro normální text, 3:1 pro velký text). Černobílé párování proti každé barvě jsou zaznamenány. Pro plnou UI přístupnost audit, také zkontrolujte WebAIM Kontrastní kontrola a vaše design-systémové dokumenty.

4 pro loga / ikony / produktové obaly (omezená paleta = silná značka). 5-6 pro přistávací stránky / marketingové stránky (výchozí sladké místo). 8-10 pro kompletní konstrukční systémy s primární / sekundární / terciární / užitné / stavové barvy. Jít nad 10 způsobuje rozhodnutí ochrnutí a vizuální chaos lásek á omezení kombinací tónů, které byste stejně použít.

Fotografie, obrazy, plakáty, screenshoty, koláže náladových desek, cokoliv s odlišnými barevnými regiony. JPG / PNG / WebP až 10MB. Solid-barevné obrázky (jednobarevné pozadí) extrahovat triviálně; zaneprázdněný smíšený obsah obrazy získat zajímavější paletové údaje. Vyšší kontrastní vstupy produkují užitečnější palety.

Ano, extrahovat paletu z některého z našich /obraz/generovat/ výstupy pro udržení vizuální konzistence napříč řadou. Generovat hero obraz, extrahovat její paletu, použít paletu jako návrhový systém pro zbytek vašeho projektu.

Ano, autorská práva se vztahují na obraz sám, ne na abstraktní myšlenku "barvy používané v tomto obrázku." Extrahovat Dark Side of the Moon prisms, Wes Anderson stills, Mondrian primáry, Hopper interiéry. Použijte paletu ve své vlastní původní práci; nereprodukujte zdrojový obraz.

Ne, Váš nahraný obrázek je zpracován a zlikvidován okamžitě. Zaznamenáváme pouze anonymizovaný výsledek palety pro analýzu + vlastní / účet/?tab=historie. Ochrana osobních údajů na /privacy/.

Ano POST multipart to /v1/image/colors/ with image file, num_colors (4-10), mode (dominant / vibrant / muted / brand / accessible), format (hex / rgb / hsl / all). Bearer auth, 10K žetony/měsíc free. /api/ has the curl example.

Zaregistrujte se zdarma pro 10 000 žetonů

Vytvořit volný účet

Kreditní karta není nutná

Jak byste ohodnotili tento nástroj?

Love this tool? Share it!