Online Birač Boja: Točak Boja i Pretvarač (HEX, RGB, LCH)

Predefinisane boje

Bez obzira da li ste web dizajner koji podešava CSS stilove, grafički dizajner koji traži savršenu nijansu za logo, ili samo trebate brzo saznati kod svoje omiljene boje, naš napredni alat za odabir boja (Color Picker) je tu za vas.

Zaboravite na pokretanje teškog Photoshopa ili traženje dodataka za pretraživač. Ovdje vam je na raspolaganju kompletna laboratorija boja koja radi odmah, podržava sve formate i pamti vaš rad.

Zašto koristiti ovaj alat za odabir boja?

Naš widget nije samo običan točak boja. Dizajniran je za maksimalnu produktivnost i preciznost.

1. Svi formati pod jednim krovom 🎨

Trebate pretvoriti HEX u RGB? Ili radite sa modernim HSL? Naš alat automatski i u realnom vremenu preračunava vrijednosti između svih korištenih standarda.

  • HEX: Za HTML i CSS (npr. #ff5733).
  • RGB: Za digitalne ekrane i grafički softver.
  • HSL & HSV: Za intuitivno podešavanje zasićenosti i svjetline, što ćete cijeniti pri kreiranju paleta boja.

2. Pametna historija i predefinisane boje 🕒

Ništa ne nervira više nego kada pronađete savršenu boju i slučajno je izgubite.

  • Automatska historija: Alat pamti posljednje boje s kojima ste radili (čak i ako osvježite stranicu).
  • Brze predefinisane boje: Pripremili smo za vas set osnovnih boja za brzi početak.

3. Intuitivno Drag & Drop upravljanje 🖱️

Upravljanje je fluidno i precizno. Mišem ili dodirom na mobilnom telefonu možete:

  • Mijenjati nijansu na velikom točku boja.
  • Fino podešavati zasićenost i svjetlinu na detaljnom kvadratu.
  • Ili direktno unijeti preciznu vrijednost i dopustiti alatu da preračuna ostatak.

Vodič kroz modele boja: Kada koji koristiti?

Svijet digitalnih boja može biti zbunjujući. Evo brzog pregleda kako biste znali koji format odabrati za svoj projekt.

FormatPuni nazivKada ga koristiti?
HEXHexadecimalStandard za web. Šestocifreni kod (npr. #000000) koji koriste pretraživači. Najkraći je i najlakše ga je kopirati.
RGBCrvena, Zelena, PlavaEkrani i displeji. Određuje koliko crvene, zelene i plave svjetlosti treba emitirati. Vrijednosti su 0–255.
HSLNijansa, Zasićenost, SvjetlinaLjudska percepcija. Najbolje za dizajnere. Želite boju “malo svjetliju” ili “manje zasićenu”? U HSL-u samo promijenite procente, u HEX-u biste morali nagađati.
HSVNijansa, Zasićenost, VrijednostGrafički softver. Slično kao HSL, ali se često koristi u alatima poput Photoshopa ili GIMP-a za odabir boja.
LCHSvjetlina, Hroma, NijansaModerna preciznost. Naziva se „perceptualno uniformnim“. Rješava grešku HSL-a gdje žuta djeluje svjetlije od plave pri istoj vrijednosti. U LCH promjena brojeva tačno odgovara načinu na koji ljudsko oko percipira promjenu. Idealno za dizajnerske sisteme i pristupačnost.

Kako efikasno raditi sa Biračem Boja

  1. Grubi odabir: Kliknite na točak boja za odabir osnovne nijanse (Hue).
  2. Fino podešavanje: U kvadratu u sredini podesite zasićenost (pomjeranje desno/lijevo) i svjetlinu (pomjeranje gore/dolje).
  3. Ručni unos: Imate specifičan kod, npr. #3498db? Unesite ga u HEX polje. Alat će odmah prikazati pregled i preračunati RGB i HSL vrijednosti.
  4. Kopiranje: Jednim klikom na ikonu za kopiranje sačuvajte rezultirajući kod u međuspremnik.
  5. Povratak u prošlost: Trebate boju koju ste imali prije trenutka? Pogledajte u sekciju Historija boja na dnu.

Često postavljana pitanja (FAQ)

Da li ovaj alat radi offline? Da! Svi proračuni boja se izvode direktno u vašem pretraživaču pomoću JavaScripta. Vaši podaci se ne šalju na server, što garantuje maksimalnu brzinu i privatnost. Jednom kada se stranica učita, možete isključiti internet, a widget će i dalje raditi.
Kako da kopiram boju u svoj CSS? Dovoljno je kliknuti na dugme za kopiranje pored vrijednosti HEX, RGB ili HSL. Kod će biti sačuvan u vaš međuspremnik (clipboard) i možete ga zalijepiti direktno u svoj editor koda pomoću Ctrl+V (ili Cmd+V na Macu).
Šta znači kada unesem #fff, a ono se pretvori u #ffffff? To je u redu. #fff je takozvana "skraćena verzija" za bijelu boju. Naš alat automatski pretvara ove skraćenice u puni šesterocifreni format kako bi se osigurala maksimalna kompatibilnost sa drugim softverima.
Zašto se boja u štampi razlikuje od onoga što vidim ovdje? Ovaj alat radi u prostoru boja RGB, koji je namijenjen za svijetleće ekrane (monitore, mobitele). Štampači koriste režim CMYK (tinta). Neke svijetle boje na monitoru (posebno neonsko zelena i plava) ne mogu se fizički odštampati, stoga se na papiru mogu činiti tamnijim ili manje zasićenim.
Da li radi na mobilnom telefonu? Apsolutno. Widget je potpuno responzivan i podržava upravljanje dodirom (touch events). Boje možete miješati prstom jednako udobno kao i mišem na računaru.