Generator palety kolorów SI

Wykorzystanie handlowe OK Modele 380+ Brak znaku wodnego Nie ma potrzeby rejestracji
Wzór:
+ GPT-5, Claude, Gemini
Upuść obrazek, uzyskać ustrukturyzowaną paletę kolorów. Wybierz jak ekstrahować: dominujący dla ogólnego nastroju, żywy dla podświetleń przyławających oczu, wyciszony dla miękkich tonów, dostępny dla par kontrastowych WCAG-AA. Kliknij dowolny swatch, aby skopiować HEX. Eksportować jako CSS / SCSS / Tailwind.

Przesuń obrazek, aby wydobyć jego paletę

JPG, PNG, WebP do 10MB

Podgląd
~500 znaki
Źródło
Paleta wyciągnięta

Do czego można użyć palety

Systemy kolorów markowych

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.

Projekt sieci / aplikacji

Dopasuj swoją stronę do obrazu bohatera, zmienij styl strony lądowania, zbuduj dark-mode wariant. Dostępny tryb flag WCAG-AA-passive text/background pairs. Eksportuj jako zmienne CSS spadają prosto do Twojego :root.

Malarstwo / odniesienie do ilustracji

Wydobyć palety z mistrzowego obrazu (Monet, Van Gogh, Hopper), aby studiować ich wybory kolorów. Użyj jako palety odniesienia do własnego cyfrowego obrazu w Procreate / Photoshop.

Deski wewnętrzne / mody

Zdjęcie pokoju kochasz lub oszczędzasz Pinterest zdjęcia mody, wyciągnij paletę, weź HEX kody do sklepu farby / tkaniny. Tryb muted jest najlepszy dla projektowania wnętrza (unika głośnych kolorów akcentu).

Prezentacje / pokłady

Wydobyć paletę z pokładu bohatera, aplikować na wszystkich slajdów do spójności wizualnej. Tryb przyjazny dla marki utrzymuje ją do 3 barw — zasada dla nierozciągających prezentacji.

Analiza okładek albumu / książki

Reverse-engineer iconical album / book / film-poster palety (Dark Side of the Moon Prism, Penguin Classic kręgosłupów, Wes Anderson ciągle). Świetny dla projektu projekt-historycznego i parodycznego.

Free.ai vs Coolors / Adobe Color / Chroma / Pictaculous

WłaściwośćFree.aiCoolorsAdobe ColorKhroma
Cena$0 (daily pool)$3-12/mo Pro$22.99/mo Photoshop planFree / Pro $4.99
Zdjęcie w paletęTak.Tak.Tak.Nie.
Dostępność WCAGTak.Tak.Tak.Nie.
Eksportuj formatyCSS / SCSS / Tailwind / JSONWiele (Pro)ASE, Photoshop swatchCSS / Sketch
Wymagana rejestracjaNie.Dla zapisu / ProTak.Tak.
Zaawansowane opcje
Wynik
Tokiny się skończyły. Zdobądź więcej tokenów
Chcesz lepsze wyniki? Modele premium (GPT-5, Claude, Gemini) dostarcza wyższej jakości. Widok planów

❤️ Love this tool? Share it!

Zaloguj się aby uzyskać link referencyjny i zarobić 25 000 żetonów na przyjaciela.

Chcesz więcej? Zarejestruj się za darmo za 30K tokeny/dzień + 10K bonus
Zarejestruj się za darmo

Przetwarzam twoją prośbę...

Generuj piękne palety kolorowe z obrazów lub tekstu z darmowym SI. Idealne dla projektantów.

Jak stosować lek Generator palety kolorów SI

1
Wprowadź swoje wpisy

Wpisz tekst, wyślij plik lub opisz, czego chcesz. Nie jest potrzebne konto.

2
Kliknij wygenerować

Nasz SI przetwarza Twoją prośbę w sekundach przy użyciu najlepszych modeli open-source.

3
Pobierz & dzielenie

Pobierz, kopiuj lub podziel się swoim wynikiem. Darmowe do użytku osobistego i komercyjnego.

Użyj tego narzędzia przez API

Automatyzuj to narzędzie z własnego kodu. Kompatybilny z OpenAI REST punkt końcowy, Authentic-Bearer-token, nie jest wymagany dodatkowy SDK. Koszty token pasują do interfejsu internetowego.

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"}'

Generator palety kolorów SI — FAQ

Przesuń dowolne obrazy, odzyskaj zorganizowaną paletę kolorów 4-10. 5 trybów ekstrakcji (Dominujących dla ogólnego nastroju, Vibrant dla podświetleń przyławających oczu, Uciszony / pastel dla miękkich tonów, przyjazny dla 3 odcieńki + neutralny, Dostępny dla par kontrastowych WCAG-AA). Wynik jako HEX / RGB / HSL / wszystkie formaty. Jedno kliknięcie na eksport do zmiennych CSS, Tailwind konfiguracja.

Chłodnice (3-12/mo Pro dla obrazu do palette + oszczędności) są najbliższym bezpośrednim konkurentem – tym samym przepływem pracy, zapłacony. Adobe Color (bezpłatny, ale pakowany z 22,99 dolarów Mo Photoshop planem do poważnego użytku) posiada złoty standardowy kontroler dostępności. Chroma (bezpłatny + 4,99 dolarów Pro) jest tylko tekst do palety – bez ekstrakcji obrazu. Free.ai pasuje do wydobycia Coolors's image extraction + Adobe WCAG Check, 0, bez rejestracji.

Dominant dla inspiracji projektu / podsumowania deski nastrój (najczęściej kolory). Vibrant dla elementów bohaterskich + CTAs (przyłapane szczyty oka, ignoruje szary). Wyciszony dla wnętrza / moda / wellness (głośne akcenty skipsowe). Przyjazny dla marki, gdy potrzebujesz 3 kolorów można używać jako podstawowe + wtórne + akcent. Dostępny przy budowie palety UI, gdzie tekst musi przejść WCAG-AA na tło.

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: { ... }}}).

Tak — opuść swoje zdjęcie bohatera, wybierz tryb przyjazny dla Brand, uzyskać 3 najbardziej rozległe odcinki + neutralny. Zastosuj tę paletę na szerokim poziomie za pomocą zmiennych CSS. Narzędzie zwraca kolory w porządku dominacji, więc pierwsze 3 są zazwyczaj podstawowym / wtórnym / akcentem, a reszta są tony, które można użyć oszczędnie.

Tak — wybierz tryb dostępny i flagi narzędzia HEX pary, które przechodzą WCAG-AA kontrast (4.5:1 dla normalnego tekstu, 3:1 dla dużego tekstu). Zanotowane są czarne / białe pary dla każdego koloru. W celu pełnego audytu dostępności UI, sprawdź również kontroler kontrastu WebAIM i dokumenty systemu projektowania.

4 dla logo / ikon / opakowania produktu (ograniczona paleta = silna marka). 5-6 dla stron lądowania / punktów marketingowych (domyślnie słodkie miejsce). 8-10 dla systemów projektowania o kolorach podstawowych / wtórnych / użyteczności / użyteczności / stanu. Przejście powyżej 10 powoduje paraliż decyzyjny i chaos wizualny – ograniczenie przez łączenie tonów, których i tak nie użyjesz.

Zdjęcia, obrazy, plakaty, zdjęcia, kolaże deski humorowej – wszystko z odrębnymi kolorami regionów. JPG / PNG / WebP do 10MB. Zdjęcia solidne (jednokolorowe tło) ekstrakt trywialnie; zajęte zdjęcia mieszane-zawartościowe są bardziej interesujące palety. Wyższe-kontrastowe wejścia produkują bardziej przydatne palety.

Tak — wyciągnąć paletę z dowolnej z naszych /image/generate/ wyjścia, aby utrzymać konsystencję wizualną w całej serii. Generować obraz bohatera, wyciągnąć jej paletę, użyć palety jako systemu projektowania do pozostałej części projektu.

Tak — prawa autorskie mają zastosowanie do samego obrazu, a nie do abstrakcyjnej idei "kolorów używanych na tym obrazie". Wydobyć Ciemną Stranę Księżyca Prizm, Wes Anderson ruszy, Mondrian Primeries, Hopper wnętrza. Użyj palety w swojej oryginalnej pracy; nie odtwarzaj wizerunku źródła.

Nie — Twój wysłany obraz jest przetwarzany i odrzucony natychmiast. Zalogujemy tylko wyniki anonimowych palet dla analityków + własne / konto /?tab=history. Polityka prywatności na /privacy /.

Tak — POST multipart to /v1/image/colors / z plikiem obrazu, num_colors (4-10), tryb (dominujący / żywy / wyłączony / marka / accessible), format (hex / rgb / hsl / all). Bearer auth, 10K tokens/ month free. /api / ma przykład kwiżenia.

Zarejestruj się bezpłatnie na 10 000 żetonów

Utwórz bezpłatne konto

Karta kredytowa nie jest wymagana

Jak mógłbyś ocenić to narzędzie?

Love this tool? Share it!