Kako mogu generirati paletu boja iz jedne boje brenda?

Unesite heksadecimalni kod, naziv boje poput teal ili rgb() ili hsl() vrijednost u polje Osnovna boja i pritisnite Enter. Zatim odaberite vrstu poput Paleta brenda, Komplementarne, Triadske ili Monohromatske i kliknite uzorak kako biste ga kopirali.

Koje formate za izvoz podržava generator paleta?

Boje možete kopirati kao hex, rgb, hsl ili oklch te izvesti CSS, SCSS, JSON, Tailwind ljestvicu 50-950, PNG, SVG, GIMP/Krita GPL, Adobe ASE ili Photoshop ACO datoteke. Koje opcije vidite ovisi o kontrolama za izvoz.

Kako mogu provjeriti jesu li boje moje palete čitljive na bijeloj ili crnoj pozadini?

Svaka boja prikazuje oznake Na bijeloj i Na crnoj s WCAG razinama: AAA, AA, AA veliki tekst ili Ne prolazi. Odjeljak Provjera teksta i pozadine također vam omogućuje da odaberete boju teksta i pozadine kako biste testirali određeni par.

Kako da zadržim neke boje, a promiješam ostale?

Kliknite Zaključaj ovu boju na uzorcima koje želite zadržati, a zatim pritisnite Promiješaj. Zaključane boje ostaju, a ostale se mijenjaju. Također možete koristiti Uredi ovu boju za promjenu pojedinačnog uzorka, što paletu označava kao uređenu.

Mogu li podijeliti svoju paletu ili odabrati boju sa zaslona?

„Podijeli rezultat“ stvara poveznicu koja sadrži osnovnu boju, vrstu i sve izmjene, pa svatko tko je otvori vidi istu paletu. Na telefonu se otvara izbornik za dijeljenje; na računalu se poveznica kopira. „Odaberi sa zaslona“ koristi pipetu EyeDropper iz preglednika, koja je dostupna samo u preglednicima koji je podržavaju, uglavnom onima temeljenima na Chromiumu.

Je li stvarno besplatno?

Da. Svaki alat je besplatan za korištenje, bez računa i bez kreditne kartice. Rad se odvija na vašem uređaju, a ne na našim poslužiteljima, što omogućuje da ostane besplatan.

Radi li na mobilnim uređajima?

Da. Radi u aktualnim mobilnim preglednicima na iOS-u i Androidu, bez instalacije.

🎨

Generator palete boja — besplatno

Generirajte komplementarne, analogne, trijadne i monohromatske palete boja iz bilo koje osnovne boje. Kopirajte hex kodove jednim klikom.

Radi u preglednikuBez registracije, bez skočnih prozoraNije potrebna prijavaBesplatno zauvijek

Radi offline nakon učitavanja

Osnovna boja

Upišite hex kôd, naziv boje poput teal ili tomato, ili rgb(20, 184, 166) / hsl(174, 80%, 40%), pa pritisnite Enter.

Paleta brenda · 7 boja

Format kopiranja

Izvezi:Hex oznake na PNG/SVG

Osnovna

Na bijeloj 2,5Ne prolazi

Na crnoj 8,4AAA

Akcent

Na bijeloj 2,9Ne prolazi

Na crnoj 7,2AAA

Svijetla nijansa

Na bijeloj 1,1Ne prolazi

Na crnoj 19,4AAA

Tamna nijansa

Na bijeloj 9,0AAA

Na crnoj 2,3Ne prolazi

Svijetla neutralna

Na bijeloj 1,1Ne prolazi

Na crnoj 19,3AAA

Srednja neutralna

Na bijeloj 4,1AA veliki tekst

Na crnoj 5,1AA

Tamna neutralna

Na bijeloj 16,1AAA

Na crnoj 1,3Ne prolazi

Provjera teksta i pozadine

Boja tekstaPozadina

Primjer velikog naslova

Primjer teksta za ovaj par boja

8,44:1Običan tekst AAAVeliki tekst AAA

Isprobajte ovo

Želite boje s fotografije? Upotrijebite izdvajanje boja iz slike

Uobičajene namjene

Generiraj Palete Boja za Web DizajnKreiraj harmonične šeme boja za vebsajt, web aplikacije i UI komponente.
Kreiraj Palete Boja BrendaRazvij kompletan broja sustav brenda od jedne broja brenda — primarni, sekundarni, naglasni i neutralni.
Generiraj Palete Boja za Umetnost i IlustracijuKreiraj harmonične kombinacije boja za digitalnu umetnost, ilustraciju i kreativne projekte.
Generiraj Stilove Boja za FigmuKreiraj palete boja za korišćenje kao Figma Stilove Boja i osnove dizajn tokena.
Kreiraj Palete Boja za Tamni RežimGeneriraj svjetle i tamne varijante tvoje palete boja za izgradnju podrške tamnog režima.

Kako funkcionira

Alat je izrađen bez vanjskih biblioteka — sva matematika boja radi u ručno napisanom JavaScriptu izravno u vašem pregledniku. Pretvara odabranu boju između heks i HSL, zatim primjenjuje klasična pravila teorije harmonije boja (komplementarno, triadno, analogno itd.) putem aritmetike na kotaču nijansi za proizvodnju svake palete.

1
Pretvorba heks u HSL
Kada odaberete boju, alat raščlanjuje heks niz u RGB komponente i pretvara ih u HSL (nijansa, zasićenje, svjetlina). Nijansa je pozicija od 0–360 stupnjeva na kotaču boja; sva matematika palete odvija se u ovom prostoru.
2
Aritmetika nijanse za harmoniju
Svaka vrsta palete je fiksna formula rotacije primijenjena na osnovnu nijansu. Komplementarna dodaje 180°, triadna dodaje 120° i 240°, tetradna korača za 90°, split-komplementarna koristi 150° i 210°. Monokromatska i nijanse drže nijansu i zasićenje konstantnima dok koračaju svjetlinom gore i dolje.
3
HSL-u-heks izlaz
Svaka izračunata HSL trojka pretvara se natrag u heks boju koristeći standardnu formulu krome. Rezultati se prikazuju kao traka boja s automatski kontrastiranim oznakama (tamni tekst na svijetlim uzorcima, svijetli tekst na tamnima) određeno jednostavnim pragom svjetline.
4
Izvoz u vašem preferiranom formatu
Paleta se može kopirati kao heks nizovi ili izvesti kao datoteka CSS varijabli (:root { --color-1: … }), SCSS varijable, isječak Tailwind konfiguracije, JSON objekt ili PNG traka boja. PNG izvoz koristi Canvas API preglednika (toDataURL) za crtanje svakog uzorka s njegovom heks oznakom — sve se generira lokalno na klik.

Srodni alati

🎨

Generator nasumičnih boja

Generirajte nasumične boje jednu po jednu ili kao paletu od pet, zaključajte one koje vam se sviđaju, kopirajte HEX, RGB ili HSL vrijednosti i izvezite paletu kao PNG ili CSS.

Isprobajte

🎨

Ekstraktor palete boja iz slike

Izvucite dominantne boje iz bilo koje slike koristeći k-means kvantizaciju boja. Dobijte hex kodove za 2-16 najzastupljenijih boja u vašoj fotografiji ili logu.

IsprobajteDatoteke ostaju lokalne

🎨

Odabir boja i generator palete

Odaberite boje, konvertirajte između HEX/RGB/HSL i generirajte harmonične palete.