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

Predefinisane

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

Zaboravite na pokretanje glomaznog Photoshopa ili traženje dodataka za pretraživač. Ovde imate kompletnu laboratoriju boja koja radi odmah, podržava sve formate i pamti vaš rad.

Zašto koristiti ovaj alat za odabir boja?

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

1. Svi formati pod jednim krovom 🎨

Trebate da prebacite HEX u RGB? Ili radite sa modernim HSL? Naš alat automatski i u realnom vremenu preračunava vrednosti između svih korišćenih standarda.

  • HEX: Za HTML i CSS (npr. #ff5733).
  • RGB: Za digitalne ekrane i grafički softver.
  • HSL & HSV: Za intuitivna podešavanja zasićenosti i svetline, što ćete ceniti prilikom kreiranja paleta boja.

2. Pametna istorija i predefinisane boje 🕒

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

  • Automatska istorija: Alat pamti poslednje boje sa kojima ste radili (čak i ako osvežite stranicu).
  • Brze predefinisane boje: Pripremili smo za vas set osnovnih boja za brz početak.

3. Intuitivno Drag & Drop upravljanje 🖱️

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

  • Menjati nijansu na velikom točku boja.
  • Fino podešavati zasićenost i svetlinu na detaljnom kvadratu.
  • Ili direktno uneti tačnu vrednost i pustiti alat da izračuna ostatak.

Vodič kroz modele boja: Kada koji koristiti?

Svet digitalnih boja može biti zbunjujući. Evo brzog pregleda, kako biste znali koji format da izaberete za vaš projekat.

FormatPun nazivKada ga koristiti?
HEXHeksadecimalniStandard za veb. Šestocifreni kod (npr. #000000), koji koriste pretraživači. Najkraći je i najlakše se kopira.
RGBCrvena, Zelena, PlavaEkrani i displeji. Određuje koliko crvenog, zelenog i plavog svetla treba da bude prikazano. Vrednosti su 0–255.
HSLNijansa, Zasićenost, SvetlinaLjudska percepcija. Najbolje za dizajnere. Želite boju “malo svetliju” ili “manje zasićenu”? U HSL-u samo promenite procente, u HEX-u biste morali da pogađate.
HSVNijansa, Zasićenost, VrednostGrafički softver. Slično HSL-u, ali se često koristi u alatima kao što su Photoshop ili GIMP za odabir boja.
LCHSvetlina, Hroma, NijansaModerna preciznost. Naziva se „perceptualno uniformnim“. Rešava grešku HSL-a, gde žuta izgleda svetlije od plave pri istoj vrednosti. U LCH-u promena brojeva tačno odgovara načinu na koji ljudsko oko percipira promenu. Idealno za dizajnerske sisteme i pristupačnost.

Kako efikasno raditi sa Biračem Boja

  1. Grubi odabir: Kliknite na krug boja za odabir osnovne nijanse (Hue).
  2. Fino podešavanje: U kvadratu u sredini podesite zasićenost (pomeranjem desno/levo) i svetlinu (pomeranjem gore/dole).
  3. Ručni unos: Imate specifičan kod, npr. #3498db? Unesite ga u polje HEX. Alat će odmah prikazati pregled i preračunati RGB i HSL vrednosti.
  4. Kopiranje: Jednim klikom na ikonu za kopiranje sačuvajte rezultat u clipboard.
  5. Povratak u prošlost: Treba vam boja koju ste imali pre nekog vremena? Pogledajte u sekciji Istorija boja na dnu.

Često postavljana pitanja (FAQ)

Da li ovaj alat radi offline? Da! Celokupno izračunavanje boja se odvija direktno u vašem pretraživaču pomoću JavaScripta. Vaši podaci se ne šalju ni na jedan server, što garantuje maksimalnu brzinu i privatnost. Kada se stranica učita, možete isključiti internet i vidžet će i dalje raditi.
Kako da kopiram boju u svoj CSS? Dovoljno je da kliknete na dugme za kopiranje pored vrednosti HEX, RGB ili HSL. Kod će biti sačuvan u vašem clipboardu i možete ga direktno zalepiti u svoj uređivač koda koristeći Ctrl+V (ili Cmd+V na Macu).
Šta znači kada unesem #fff, a ono se prepiše na #ffffff? To je u redu. #fff je takozvana "skraćena oznaka" (shorthand) za belu boju. Naš alat automatski pretvara ove skraćenice u puni šestocifreni format kako bi se osigurala maksimalna kompatibilnost sa drugim softverom.
Zašto se boja u štampi razlikuje od onoga što vidim ovde? Ovaj alat radi u prostoru boja RGB, koji je namenjen za svetleće ekrane (monitori, mobilni telefoni). Štampači koriste režim CMYK (mastilo). Neke jarke boje na monitoru (posebno neonsko zelene i plave) ne mogu se fizički odštampati, pa se na papiru mogu činiti tamnijim ili manje zasićenim.
Da li radi na mobilnom telefonu? Apsolutno. Vidžet je potpuno responzivan i podržava upravljanje dodirom (touch events). Boje možete mešati prstom jednako udobno kao mišem na računaru.