Generator nijansi boja

Odaberi boju i odmah ćeš vidjeti cijelu ljestvicu njezinih nijansi, od najsvjetlije do najtamnije. Dodirni nijansu i kopirat ćeš njezin HEX kod.

Ljestvica od 50 do 950

Jedanaest nijansi iz iste obitelji boja, poredanih kao u Tailwindu. Tvoja boja označena je kod nijanse koja joj odgovara.

Svjetlije nijanse (s bijelom)

Dodirni nijansu i kopirat ćeš njezin HEX.

Tamnije nijanse (s crnom)

Prigušene nijanse (sa sivom)

Izvoz ljestvice

Naziv

Otvori u generatoru paleta →

Isprobaj i ovo

Paleta boja iz imenaUpiši ime i dobij vlastitu paletu boja Današnja sretna bojaTvoja dnevna sretna boja prema znaku Koji oblik lica imam?Otkrij oblik lica, prikladne frizure i naočale

Svi besplatni alati →

Što su nijanse boje

To je niz nijansi koje proizlaze iz jedne boje: od gotovo bijele verzije do gotovo crne. Sve imaju isti osnovni ton, zato se lako slažu.

Svjetlije, tamnije i prigušene nijanse

Svjetlija nijansa je boja pomiješana s bijelom: vedrija je i nježnija. Tamnija nijansa je boja pomiješana s crnom: tamnija je i dublja. Prigušena nijansa je boja pomiješana sa sivom: zemljanija je i elegantna.

Kako koristiti ljestvicu nijansi u dizajnu

Svijetle nijanse (50 do 200) koristi za pozadine, srednje (400 do 600) za gumbe i poveznice, a tamne (700 do 950) za tekstove i rubove. S jednom ljestvicom imaš uredno i ujednačeno sučelje.

Česta pitanja

Kako se ljestvica izračunava?

Koristimo prostor boja OKLCH, koji oponaša kako oko percipira svjetlinu. Koraci između nijansi zato izgledaju ravnomjerno, bez naglih skokova.

Što znače brojevi od 50 do 950?

To je ljestvica koju koriste Tailwind CSS i mnogi dizajnerski sustavi: 50 je najsvjetlija nijansa, a 950 najtamnija. Tvoja boja pripada broju koji joj najbolje odgovara.

Mogu li ljestvicu koristiti u Tailwindu ili CSS-u?

Da. Upiši naziv, odaberi format i kopiraj kod: CSS varijable spremne za lijepljenje ili blok boja za konfiguraciju Tailwinda.

Koja je razlika između ljestvice nijansi i palete boja?

Ljestvica su nijanse jedne boje. Paleta kombinira različite boje koje se slažu. Mnoge palete koriste jednu ljestvicu za pozadine i tekstove te uz nju jednu ili dvije akcentne boje.