Kako da generišem paletu boja iz jedne boje brenda?

Unesite heksadecimalni kod, naziv boje poput teal, ili rgb() ili hsl() vrednost u polje Osnovna boja i pritisnite Enter. Zatim odaberite tip kao što su Paleta brenda, Komplementarna, Triadna ili Monohromna i kliknite na uzorak da biste ga kopirali.

Koje formate za izvoz podržava generator paleta?

Možete kopirati boje kao hex, rgb, hsl ili oklch i izvesti CSS, SCSS, JSON, Tailwind 50-950 skalu, PNG, SVG, GIMP/Krita GPL, Adobe ASE ili Photoshop ACO datoteke. Koje opcije vidite zavisi od kontrola za izvoz.

Kako da proverim da li su boje moje palete čitljive na beloj ili crnoj pozadini?

Svaka boja prikazuje oznake Na beloj i Na crnoj sa WCAG nivoima: AAA, AA, AA veliki tekst ili Ne prolazi. Odeljak Provera teksta i pozadine vam takođe omogućava da odaberete boju teksta i pozadine za testiranje određenog para.

Kako da zadržim neke boje, a promenim ostale?

Kliknite na Zaključaj ovu boju na uzorcima koje želite da zadržite, a zatim pritisnite Promešaj. Zaključane boje ostaju, a ostale se menjaju. Takođe možete koristiti Izmeni ovu boju da promenite jedan uzorak, što označava paletu kao izmenjenu.

Mogu li da podelim svoju paletu ili da preuzmem boju sa ekrana?

„Podeli rezultat“ pravi vezu koja sadrži osnovnu boju, tip i sve izmene, pa svako ko je otvori vidi istu paletu. Na telefonu se otvara meni za deljenje; na računaru se veza kopira. „Izaberi sa ekrana“ koristi pipetu EyeDropper iz pregledača, koja je dostupna samo u pregledačima koji je podržavaju, uglavnom onim zasnovanim na Chromiumu.

Da li je zaista besplatno?

Da. Svaka alatka je besplatna za korišćenje, bez naloga i bez kreditne kartice. Obrada se obavlja na vašem uređaju, a ne na našim serverima, što omogućava da ostane besplatna.

Da li radi na mobilnim uređajima?

Da. Radi u aktuelnim mobilnim pregledačima na iOS-u i Androidu, bez instalacije.

🎨

Generator palete boja — besplatno

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

Radi u pregledačuBez registracije, bez iskačućih prozoraNije potrebna prijavaBesplatno zauvek

Radi van mreže kada se učita

Osnovna boja

Unesite hex kod, naziv boje kao što je 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 beloj 2,5Ne prolazi

Na crnoj 8,4AAA

Akcenat

Na beloj 2,9Ne prolazi

Na crnoj 7,2AAA

Svetla nijansa

Na beloj 1,1Ne prolazi

Na crnoj 19,4AAA

Tamna nijansa

Na beloj 9,0AAA

Na crnoj 2,3Ne prolazi

Svetla neutralna

Na beloj 1,1Ne prolazi

Na crnoj 19,3AAA

Srednja neutralna

Na beloj 4,1AA veliki tekst

Na crnoj 5,1AA

Tamna neutralna

Na beloj 16,1AAA

Na crnoj 1,3Ne prolazi

Provera teksta i pozadine

Boja tekstaPozadina

Primer velikog naslova

Primer običnog teksta za ovaj par

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

Probajte ove

Želite boje sa fotografije? Koristite izdvajanje boja iz slike

Uobičajene upotrebe

Generiši Palete Boja za Web DizajnKreiraj harmonične šeme boja za vebsajt, veb aplikacije i UI komponente.
Kreiraj Palete Boja BrendaRazvij kompletnu boju sistem brenda od jedne boje brenda — primarni, sekundarni, naglasni i neutralni.
Generiši Palete Boja za Umetnost i IlustracijuKreiraj harmonične kombinacije boja za digitalnu umetnost, ilustraciju i kreativne projekte.
Generiši Stilove Boja za FigmuKreiraj palete boja za korišćenje kao Figma Stilove Boja i osnove dizajn tokena.
Kreiraj Palete Boja za Tamni RežimGeneriši svetle i tamne varijante tvoje palete boja za izgradnju podrške tamnog režima.

Kako funkcioniše

Alatka je izgrađena bez ijedne spoljne biblioteke — sva matematika boja se izvršava ručno napisanim JavaScript-om direktno u vašem pregledaču. Konvertuje izabranu boju između heksadecimalnog i HSL, zatim primenjuje klasična pravila harmonije teorije boja (komplementarno, triadno, analogno, itd.) kroz aritmetiku na točku nijansi da proizvede svaku paletu.

1
Konverzija heksadecimalno-u-HSL
Kada izaberete boju, alatka parsira heksadecimalni niz u RGB komponente i konvertuje ih u HSL (nijansa, zasićenje, osvetljenost). Nijansa je pozicija od 0–360 stepeni na točku boja; sva matematika palete se dešava u ovom prostoru.
2
Aritmetika nijanse za harmoniju
Svaki tip palete je fiksna formula rotacije primenjena na baznu nijansu. Komplementarna dodaje 180°, triadna dodaje 120° i 240°, tetradna korača za 90°, split-komplementarna koristi 150° i 210°. Monohromatska i nijanse drže nijansu i zasićenje konstantnim dok koračaju osvetljenost gore i dole.
3
Izlaz HSL-u-heksadecimalno
Svaka izračunata HSL trojka se konvertuje nazad u heksadecimalnu boju koristeći standardnu formulu hrome. Rezultati se prikazuju kao traka boja sa automatski kontrastiranim oznakama (tamni tekst na svetlim uzorcima, svetli tekst na tamnim) određenim jednostavnim pragom luminance.
4
Izvezite u format po izboru
Paleta se može kopirati kao heksadecimalni nizovi ili izvesti kao fajl CSS promenljivih (:root { --color-1: … }), SCSS promenljive, Tailwind konfiguracioni isečak, JSON objekat, ili PNG traka boja. PNG izvoz koristi Canvas API pregledača (toDataURL) da nacrta svaki uzorak sa njegovom heksadecimalnom oznakom — sve se generiše lokalno na klik.

Slične alatke

🎨

Generator nasumičnih boja

Generišite nasumične boje jednu po jednu ili kao paletu od pet, zaključajte one koje vam se sviđaju, kopirajte HEX, RGB ili HSL vrednosti 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 logotipu.

IsprobajteFajlovi ostaju lokalni

🎨

Birač boja i generator palete

Birajte boje, konvertujte između HEX/RGB/HSL i generišite harmonične palete.