Alat za odabir i izdvajanje boja – besplatni online alat
Naš besplatni online alat za izdvajanje boja omogućuje vam odabir bilo koje boje s fotografije jednim klikom - bez instaliranja softvera i bez potrebe za računom. Prenesite svoju sliku, zadržite pokazivač miša iznad nje za uvećanje, kliknite na bilo koji piksel da biste odmah vidjeli njegove HEX, RGB, HSL i HSV vrijednosti, a zatim generirajte punu paletu boja iz odabrane boje. Preuzmite rezultate u bilo kojem trenutku.
Kako odabrati boje s fotografije
1
Prenesite svoju sliku
Ispustite fotografiju na ploču, kliknite Prenesi fotografiju, ili zalijepite pomoću Ctrl+V. Podržava JPEG, PNG, WebP, HEIC i GIF.
2
Kliknite za odabir boje
Zadržite pokazivač iznad slike da biste je povećali pomoću povećala, a zatim kliknite bilo gdje da biste snimili boju tog piksela. HEX, RGB, HSL i HSV vrijednosti prikazuju se odmah.
3
Kopiraj ili generiraj paletu
Kliknite bilo koje polje vrijednosti da biste ga kopirali u međuspremnik, spremili boje za kasnije ili generirali punu paletu boja i izvezli je kao CSS varijable ili PNG traku uzoraka.
Ključne značajke
- Četiri formata boja – pregledajte i kopirajte odabranu boju u HEX, RGB, HSL i HSV formatu jednim klikom na bilo koje polje vrijednosti.
- Povećalo s preciznošću piksela – kružni zum objektiv prati vaš kursor tako da možete točno odrediti piksel koji želite.
- 8 vrsta paleta – generirajte analogne, komplementarne, trijadne, tetradne, razdvojeno-komplementarne, monokromatske, palete nijansi ili nijansiranja s 3–10 uzoraka.
- Opcije izvoza – kopirajte sve HEX kodove palete odjednom, preuzmite PNG uzorak trake ili izvezite paletu kao prilagođena CSS svojstva (
:root varijable).
- Spremljene boje – označite bilo koju boju na osobnoj ploči spremljenih boja pohranjenoj u vašem pregledniku; obrišite ih kad god želite.
- Podrška za HEIC – Fotografije s iPhonea u HEIC/HEIF formatu automatski se pretvaraju prije odabira boja.
- Radi u potpunosti u vašem pregledniku – vaše fotografije se nikada ne prenose ni na jedan server.
- Besplatno i neograničeno – bez registracije, bez vodenih žigova, bez ograničenja.
Što je ekstraktor boja?
Alat za izdvajanje boja (ili birač boja slike) je alat koji očitava točnu boju bilo kojeg piksela na fotografiji i pretvara je u standardne kodove boja koji se koriste u dizajnu i razvoju. Umjesto da nagađate boju ili ručno unosite vrijednosti, jednostavno kliknete na mjesto koje vas zanima i alat će izvršiti pretvorbu za vas - od sirovih RGB vrijednosti koje vaš zaslon prikazuje sve do HSL i HSV prikaza koji se koriste u tijeku rada grafičkog dizajna.
Generator paleta boja ide korak dalje: nakon što odaberete osnovnu boju, primjenjuje teoriju boja za izradu skladnih shema boja spremnih za izravnu upotrebu u CSS-u, Figmi ili bilo kojem alatu za dizajn.
Uobičajene upotrebe
- Ekstrakcija boje marke – izvucite točne HEX kodove iz logotipa ili fotografije robne marke kako biste ih dosljedno koristili na web stranici ili u dizajnerskom sustavu.
- Web i UI dizajn – uskladite boje sa slikom proizvoda ili glavnom fotografijom kako bi vaš izgled djelovao kohezivno.
- Generiranje paleta – počnite s jednom ključnom bojom i stvorite potpuno komplementarnu ili analognu shemu za projekt.
- Tisak i ilustracija – uzorke referentnih fotografija kako biste pronašli točne RGB vrijednosti prije miješanja boja ili konfiguriranja profila ispisa.
- CSS teme – izvoz varijabli palete izravno u
:root blok za izravno ubacivanje u stilski list.
Često postavljana pitanja
Da, alat je 100% besplatan bez ograničenja korištenja. Ne morate kreirati račun niti davati nikakve podatke o plaćanju.
Ne. Sva obrada se u potpunosti odvija unutar vašeg preglednika pomoću HTML5 Canvas API-ja. Vaša slika se nikada ne šalje ni na jedan poslužitelj, tako da je vaša privatnost u potpunosti zaštićena.
Alat prikazuje odabranu boju u četiri formata istovremeno: HEX (npr. #3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)) i HSV (hsv(216, 73%, 84%)). Kliknite bilo koje polje da biste ga odmah kopirali.
Dok pomičete kursor preko slike, u blizini kursora pojavljuje se kružno povećalo koje prikazuje uvećani prikaz okolnih piksela. To olakšava prepoznavanje i klik na točno željeni piksel, posebno na fotografijama s finim detaljima ili suptilnim prijelazima boja.
Kliknite bilo koji piksel na slici da biste postavili osnovnu boju, a zatim se pomaknite prema dolje do Paleta boja odjeljak. Odaberite vrstu palete (Analogna, Komplementarna, Trijadna itd.) i povucite klizač brojača da biste odabrali 3–10 uzoraka. Paleta se trenutačno ažurira. Koristite Kopiraj boje, Preuzmi PNG, ili Izvoz CSS-a koristiti rezultat.
Izvoz CSS kopija a :root { } blok koji sadrži svaku boju palete kao prilagođeno CSS svojstvo (npr. --color-1: #3a7bd5;). Ovo možete izravno zalijepiti u svoj stilski list i referencirati varijable u cijelom projektu.
Da. HEIC i HEIF datoteke se automatski pretvaraju u JPEG u vašem pregledniku prije prikaza slike. Tijekom pretvorbe pojavljuje se indikator učitavanja i nikakve datoteke se ne šalju na naše poslužitelje.