Preskoči na sadržaj
TextArray1.53.0
100% lokalno

Generator paleti boja

Pretvori jednu osnovnu boju u kompletan palettu koristeći pravila harmonije boja.

Unos
0
0
Rezultat
Slični alati
Konverter bojaAlati za programere
Ekstractor CSS varijabli bojanovoAlati za programere
Generator slučajnih bojaSlučajni generatori
LRC generator pjesamaSlučajni generatori
Testirajte IBAN generatorSlučajni generatori
Generator slučajnih imenaSlučajni generatori
Generator paleti boja
Unesite osnovnu boju kao heksadecimalni kod, rgb() ili hsl() vrijednost i ovaj alat će izgraditi potpunu paletu oko nje koristeći pravila harmonije boja, a ne samo jednostavni stupanj svjetline iste nijanse. Odaberite komplementarnu za jednu suprotnu boju, split-komplementarnu ili trijadnu za uravnoteženi kontrast, tetriadnu za četverobojni pravokutnik, analogne za susjedne nijanse koje se prirodno uklapaju, ili monohromatsku za tonove i nijanse jedne nijanse.
Opcija harmonije određuje koliko boja će izaći — komplementarna uvijek vraća dvije, trijadna i split-komplementarna tri, tetriadna četiri — dok se broj boja i kut koraka nijanse primjenjuju samo na analogne i monohromatske, gdje vi birate koliko boja i koliko su razdvojene. Izračunajte u HSL-u za klasičnu matematiku boja, ili prebacite se na OKLCH, što čuva istu percipiranu svjetlinu kroz sve nijanse kako paleta ne bi bila s jednom bojom koja izgleda čudno tamna ili isprana u odnosu na ostatak. Klizači prilagodbe zasićenja i svjetline fino ugađaju cijelu paletu nakon što je harmonija izgrađena, a opcija formata boje ispisuje svaki rezultat kao heksadecimalni, rgb(), hsl() ili oklch().
Svaka boja se provjeravaju prema WCAG AA (4.5:1) kao tekst na bijelo i na crno, označena sa čekicom ili krizom pored svakog omjera — korisna za odabir koje boje u generirane palete su sigurne za tekst tijela u odnosu na samo dekoraciju. Izvezite rezultat kao običnu listu, blok CSS prilagođenih svojstava spremnu za kopiranje u stilsku stranicu, ili Tailwind konfiguraciju boja.
Sve se izvršava lokalno u vašem pregledniku — boja koju unesete nikada se ne prosljeđuje nikuda. Kopirajte rezultat, preuzmite ga kao .txt datoteku ili ga pošaljite unosu drugog alata da nastavite s radom s njim.
FAQ
Koje formate unosa prihvaća za osnovnu boju?
Heksadecimalne kodove (#3b82f6, #38f, sa ili bez #), rgb()/rgba() i hsl()/hsla(). Zalijepite jedan od njih i paleta se ažurira odmah.
Koja je razlika između HSL-a i OKLCH-a za izračun?
HSL je klasična matematika boja, brza i predvidiva. OKLCH je perceptualno ujednak prostor, tako da paleta izgrađena u njemu zadržava ravnomjernije percipiranu svjetlinu kroz nijanse umjesto da neke boje slučajno izgledaju tamnije ili isprane u odnosu na ostatak.
Zašto "broj boja u paleti" utječe samo na neke harmonije?
Komplementarna, split-komplementarna, trijadna i tetriadna su fiksne po definiciji — dvije, tri, tri i četiri boje. Broj samo kontrolira analogne i monohromatske, koje mogu razumno imati bilo koji broj boja.
Što znači AA čekić/križ pored svake boje?
To je WCAG omjer kontrasta te boje korištene kao tekst na bijelo i na crno pozadini, s čekićem kada prelazi prag AA od 4.5:1 i s krizom kada ne prelazi.
Je li moja boja uploadadana nekuda?
Ne. Paleta se generiše potpuno u vašem pregledniku — ništa što unesete se ne šalje na server.