Grafika / Boja

Generator palete boja: skladne šeme jednim klikom

Generišite palete boja na osnovu teorije boja: analogne, komplementarne, trijadične, razdvojeno komplementarne, monohromatske ili nasumične, sa tri do osam boja. Zaključajte boje koje vam se dopadaju i ponovo generišite ostale, proverite kontrast svake boje sa belom i izvezite paletu kao CSS promenljive, Tailwind konfiguraciju, JSON, heksadecimalne kodove ili PNG.

Generator palete boja: skladne šeme jednim klikom: Svaka paleta počinje od osnovne nijanse, preuzete iz zaključane boje ako ste je zaključali, dok se ostale nijanse raspoređuju prema izabranom pravilu: koraci od 30° za analogne boje, suprotna nijansa za komplementarne, koraci od 120° za trijadične, 150° na obe strane za razdvojeno komplementarne ili jedna nijansa od tamne do svetle za monohromatske. Svetlina i zasićenost se menjaju tako da skup sadrži svetle, srednje i tamne boje, a uz svaku boju prikazan je njen WCAG odnos kontrasta prema beloj. Radi 100% lokalno u vašem pregledaču, bez otpremanja datoteka na server.

Kategorija
Alatke za programere
Pokretanja
U vašem pregledaču
Trošak
Besplatno · bez registracije
Dostupnost
Spremno za upotrebu
Radni sto za palete bojaLokalna obrada

U potpunosti radi u vašem pregledaču

Ili pritisnite razmaknicu. Zaključajte boje koje želite da zadržite.

#64A6F52.5:1 na beloj pozadini
#382B9D10.5:1 na beloj pozadini
#772BB77.5:1 na beloj pozadini
#BE4BBA4.3:1 na beloj pozadini
#E0367B4.2:1 na beloj pozadini
:root {
  --color-1: #64a6f5;
  --color-2: #382b9d;
  --color-3: #772bb7;
  --color-4: #be4bba;
  --color-5: #e0367b;
}

Korišćenje palete

Uobičajena podela je oko 60% jedne neutralne boje, 30% druge i 10% akcentne boje, pa se najjača boja štedljivo koristi za dugmad i isticanja.

Kontrast

Odnos 4.5:1 je minimum WCAG AA za običan tekst, a 3:1 za veliki tekst; 7:1 ispunjava nivo AAA.

Kako se koristi

  1. Izaberite harmoniju i broj boja.
  2. Pritisnite dugme za generisanje ili razmaknicu dok ne dobijete paletu koja vam se dopada; zaključajte boje koje želite da zadržite.
  3. Kopirajte paletu kao kôd ili je preuzmite kao PNG.

Privatnost i ograničenja

Sve se generiše u vašem pregledaču.

Srodne alatke

Izdvajanje paleteCSS gradijentTailwind bojeRoblox šabloniMinecraft editor skinova

Često postavljana pitanja

Kako da zadržim boju koja mi se dopada?

Kliknite na ikonu katanca pored nje. Zaključane boje ostaju na mestu, a prva zaključana boja određuje i osnovnu nijansu oko koje se grade ostale.

Mogu li da koristim boju svog brenda?

Da: kliknite na polje boje da biste izabrali bilo koju boju, zaključajte je i generišite ostale boje oko nje.

Da li je tekst na paleti čitljiv?

Uz svako polje boje prikazan je odnos kontrasta sa belom. WCAG zahteva najmanje 4.5:1 za običan tekst, pa boja ispod te vrednosti zahteva tamni tekst.

Besplatan alat · pokretanja: u vašem pregledaču · nalog nije potreban