Online Birač Boja: Kotač Boja i Pretvarač (HEX, RGB, LCH)
●
●
●
●
●
Predefinirane boje
Bilo da ste web dizajner koji podešava CSS stilove, grafičar 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 sporog Photoshopa ili traženje dodataka za preglednik. Ovdje imate potpunu laboratoriju boja koja radi trenutno, podržava sve formate i pamti vaš rad.
Zašto koristiti ovaj alat za odabir boja?
Naš widget nije samo običan kotač boja. Dizajniran je za maksimalnu produktivnost i preciznost.
1. Svi formati pod jednim krovom 🎨
Trebate pretvoriti HEX u RGB? Ili radite s modernim HSL? Naš alat automatski i u stvarnom vremenu preračunava vrijednosti između svih korištenih standarda.
- HEX: Za HTML i CSS (npr.
#ff5733). - RGB: Za digitalne zaslone i grafički softver.
- HSL & HSV: Za intuitivne prilagodbe zasićenosti i svjetline, koje ćete cijeniti pri stvaranju paleta boja.
2. Pametna povijest i predefinirane postavke 🕒
Ništa ne ljuti više nego kada pronađete savršenu boju i slučajno je izgubite.
- Automatska povijest: Alat pamti posljednje boje s kojima ste radili (čak i ako osvježite stranicu).
- Brze predefinirane boje: Pripremili smo vam set osnovnih boja za brzi početak.
3. Intuitivno Drag & Drop upravljanje 🖱️
Upravljanje je glatko i precizno. Mišem ili dodirom na mobitelu možete:
- Mijenjati nijansu na velikom kotaču boja.
- Fino podešavati zasićenost i svjetlinu na detaljnom kvadratu.
- Ili izravno unijeti točnu vrijednost i pustiti alat da izrač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.
| Format | Puni naziv | Kada ga koristiti? |
|---|---|---|
| HEX | Heksadecimalni | Standard za web. Šesteroznamenkasti kod (npr. #000000) koji koriste preglednici. Najkraći je i najlakše ga je kopirati. |
| RGB | Crvena, Zelena, Plava | Zasloni i ekrani. Određuje koliko crvenog, zelenog i plavog svjetla treba zasvijetliti. Vrijednosti su 0–255. |
| HSL | Nijansa, Zasićenost, Svjetlina | Ljudska percepcija. Najbolje za dizajnere. Želite boju “malo svjetliju” ili “manje zasićenu”? U HSL-u samo promijenite postotke, u HEX-u biste morali nagađati. |
| HSV | Nijansa, Zasićenost, Vrijednost | Grafički softver. Slično kao HSL, ali često se koristi u alatima poput Photoshopa ili GIMP-a za odabir boja. |
| LCH | Svjetlina, Kroma, Nijansa | Moderna preciznost. Naziva se „perceptivno uniformnim“. Rješava nedostatak HSL-a gdje žuta djeluje svjetlije od plave pri istoj vrijednosti. U LCH-u promjena brojeva točno odgovara tome kako promjenu percipira ljudsko oko. Idealno za dizajnerske sustave i pristupačnost. |
Kako učinkovito raditi s Color Pickerom
- Grubi odabir: Kliknite na kotač boja za odabir osnovne nijanse (Hue).
- Fino podešavanje: U kvadratu u sredini podesite zasićenost (pomicanje desno/lijevo) i svjetlinu (pomicanje gore/dolje).
- 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. - Kopiranje: Jednim klikom na ikonu kopiranja spremite rezultirajući kod u međuspremnik.
- Povratak u prošlost: Trebate boju koju ste imali maloprije? Pogledajte u odjeljak Povijest boja na dnu.