Titula

Alat za odabir boja

Ispustite, zalijepite (Ctrl+V) ili kliknite za prijenos

HEX
#888888
RGB
rgb(136, 136, 136)
HSL
hsl(0, 0%, 53%)
HSV
hsv(0, 0%, 53%)

Prenesite fotografiju za odabir boja

Ili probajte uzorak:

Uzorak 1
Uzorak 2
Uzorak 3

Paleta boja

Boje: 3

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.