Generator enobarvnih palet
S tem generatorjem enobarvnih palet ustvarite paleto iz ene osnovne barve. Vnesite 3- ali 6-mestno šestnajstiško kodo; orodje ohrani njen odtenek in nasičenost, svetlost pa spreminja za 30 in 15 odstotnih točk v vsako smer znotraj razpona od 10 do 90 odstotkov. Vrne pet temnejših in svetlejših različic v obliki šestnajstiških kod, osnovna barva pa je na sredini. Idealno za oblikovalce in razvijalce, ki ustvarjajo umirjene in dosledne barvne lestvice in teme za UI.
Pogosta vprašanja
Kaj vrne generator enobarvnih palet?
Vrne pet barv v obliki šestmestnih malih šestnajstiških kod. Barva 3 je vaša osnovna barva, barvi 1 in 2 sta temnejši različici, barvi 4 in 5 pa svetlejši različici istega odtenka.
Kako se izračunajo odtenki?
Orodje pretvori vašo šestnajstiško kodo v HSL in spremeni samo svetlost: za minus 30, minus 15, plus 15 in plus 30 odstotnih točk. Odtenek in nasičenost ostaneta enaka, zato vseh pet barv pripada isti barvni družini.
Ali obstaja spodnja ali zgornja meja svetlosti?
Da. Temnejši koraki ne presežejo spodnje meje 10 odstotkov svetlosti, svetlejši pa zgornje meje 90 odstotkov, zato lestvica ne vključuje čiste črne in čiste bele.
Zakaj pri zelo temnih ali zelo svetlih osnovnih barvah dobim podvojene ali nepričakovane barve?
Zaradi omejitev pri 10 in 90 odstotkih se koraki blizu skrajnih vrednosti združijo pri isti vrednosti. Pri #000000 sta obe temnejši različici #1a1a1a, ki je svetlejša od osnovne barve, pri #ffffff pa sta obe svetlejši različici #e6e6e6.
Kakšno paleto ustvari čista rdeča barva?
Za #ff0000 orodje vrne #660000, #b30000, #ff0000, #ff4d4d in #ff9999. Rdeča ima 50-odstotno svetlost, zato dobi celoten razpon dveh temnejših in dveh svetlejših različic.
Katere barvne zapise lahko vnesem?
Vnesite eno 3- ali 6-mestno šestnajstiško kodo, z znakom # ali brez njega, na primer #3366cc ali 36c. Zapis RGB in HSL ter imena barv niso sprejeti, zato jih najprej pretvorite v šestnajstiško kodo.
Zakaj se moja osnovna barva nekoliko spremeni?
Odtenek, nasičenost in svetlost se zaokrožijo na cela števila, zato se lahko pri pretvorbi v HSL in nazaj en barvni kanal premakne za eno stopnjo. #ff5733 je na primer na sredini lestvice prikazan kot #ff5833.
Ali deluje tudi za sive odtenke?
Da. V nasprotju s shemami, ki temeljijo na odtenku, enobarvna lestvica spreminja svetlost, zato so pri sivi barvi rezultati svetlejši in temnejši sivi odtenki. Črna in bela sta omejeni z zgoraj opisanim razponom od 10 do 90 odstotkov.
Kako uporabim enobarvno paleto v uporabniškem vmesniku?
Najtemnejše barve uporabite za besedilo in obrobe, osnovno za primarna dejanja, najsvetlejše pa za ozadja in stanja ob prehodu kazalca. Kontrast besedila preverite z orodjem za preverjanje kontrasta WCAG, saj se sosednji koraki razlikujejo le za 15 odstotnih točk svetlosti.
Ali je rezultat enak kot pri generatorju barvnih palet?
Da. To orodje izvede natanko možnost enobarvne sheme v generatorju barvnih palet, zato obe orodji za isto osnovno barvo vrneta enakih pet šestnajstiških kod.