Naslov

Izbirnik barv

Spustite, prilepite (Ctrl+V) ali kliknite za nalaganje

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

Naložite fotografijo za izbiro barv

Ali pa poskusite vzorec:

Vzorec 1
Vzorec 2
Vzorec 3

Barvna paleta

Barve: 3

Izbirnik in ekstraktor barv – brezplačno spletno orodje

Naš brezplačni spletni program za izločanje barv vam omogoča, da z enim klikom izberete katero koli barvo s fotografije – brez namestitve programske opreme in brez potrebe po računu. Naložite sliko, premaknite miško za povečavo, kliknite na katero koli slikovno piko, da si takoj ogledate njene vrednosti HEX, RGB, HSL in HSV, nato pa iz izbrane barve ustvarite celotno barvno paleto. Rezultate lahko kadar koli prenesete.

Kako izbrati barve s fotografije

1
Naloži svojo sliko

Spustite fotografijo na ploščo in kliknite Naloži fotografijo, ali prilepite s Ctrl+V. Podpira JPEG, PNG, WebP, HEIC in GIF.

2
Kliknite za izbiro barve

Za povečavo s povečevalnim steklom premaknite miško nad sliko, nato pa kliknite kamor koli, da zajamete barvo te piksle. Vrednosti HEX, RGB, HSL in HSV se prikažejo takoj.

3
Kopiraj ali ustvari paleto

Kliknite katero koli polje z vrednostjo, da ga kopirate v odložišče, shranite barve za pozneje ali ustvarite celotno barvno paleto in jo izvozite kot spremenljivke CSS ali vzorec PNG.

Ključne lastnosti

  • Štiri barvne oblike – ogled in kopiranje izbrane barve v HEX, RGB, HSL in HSV z enim samim klikom na katero koli polje z vrednostjo.
  • Povečevalnik z natančnostjo slikovnih pik – krožna leča z zoomom sledi vašemu kurzorju, tako da lahko natančno določite želeni slikovni pik.
  • 8 vrst palet – ustvarite analogne, komplementarne, triadne, tetradne, deljeno-komplementarne, monokromatske, senčne ali barvne palete s 3–10 vzorci.
  • Možnosti izvoza – kopirajte vse šestnajstiške kode palete hkrati, prenesite vzorec palete PNG ali izvozite paleto kot lastnosti po meri CSS (:root spremenljivke).
  • Shranjene barve – dodajte katero koli barvo med zaznamke na osebno ploščo s shranjenimi barvami, shranjeno v vašem brskalniku; izbrišite jih, kadar koli želite.
  • Podpora HEIC-a – Fotografije iPhona v formatu HEIC/HEIF se pred izbiro barv samodejno pretvorijo.
  • Deluje v celoti v vašem brskalniku – vaše fotografije niso nikoli naložene na noben strežnik.
  • Brezplačno in neomejeno – brez registracije, brez vodnih žigov, brez omejitev.

Kaj je ekstraktor barv?

Izvleček barv (ali izbirnik barv slike) je orodje, ki prebere natančno barvo katerega koli slikovnega piksla na fotografiji in jo pretvori v standardne barvne kode, ki se uporabljajo pri oblikovanju in razvoju. Namesto da barvo merite na oko ali ročno vnašate vrednosti, preprosto kliknete mesto, ki vas zanima, in orodje izvede pretvorbo namesto vas – od surovih vrednosti RGB, ki jih prikazuje vaš zaslon, vse do predstavitev HSL in HSV, ki se uporabljajo v delovnih procesih grafičnega oblikovanja.

Generator barvnih palet gre še korak dlje: ko izberete osnovno barvo, uporabi teorijo barv za ustvarjanje harmoničnih barvnih shem, pripravljenih za neposredno uporabo v CSS, Figmi ali katerem koli drugem orodju za oblikovanje.

Pogoste uporabe

  • Ekstrakcija barve blagovne znamke – iz logotipa ali fotografije blagovne znamke izvlecite natančne šestnajstiške kode za dosledno uporabo na celotnem spletnem mestu ali v sistemu oblikovanja.
  • Spletno in uporabniško oblikovanje – uskladite barve s sliko izdelka ali glavno fotografijo, da bo vaša postavitev delovala celovito.
  • Generiranje palet – začnite z eno samo ključno barvo in ustvarite popolno komplementarno ali analogno shemo za projekt.
  • Tisk in ilustracija – pred mešanjem barve ali konfiguriranjem profila tiskanja si oglejte vzorčne referenčne fotografije, da najdete natančne vrednosti RGB.
  • CSS teme – izvozite spremenljivke palete neposredno v :root blok, ki ga spustite neposredno v slogovno predlogo.

Pogosto zastavljena vprašanja

Da, orodje je 100 % brezplačno in brez omejitev uporabe. Ni vam treba ustvariti računa ali posredovati nobenih podatkov o plačilu.
Ne. Vsa obdelava se v celoti izvaja v vašem brskalniku z uporabo HTML5 Canvas API. Vaša slika se nikoli ne pošlje na noben strežnik, zato je vaša zasebnost popolnoma zaščitena.
Orodje prikazuje izbrano barvo hkrati v štirih oblikah: HEX (npr. #3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)) in HSV (hsv(216, 73%, 84%)). Kliknite katero koli polje, da ga takoj kopirate.
Medtem ko premikate kazalec nad sliko, se v bližini kazalca prikaže okrogla lupa, ki prikazuje povečan pogled na okoliške slikovne pike. To olajša prepoznavanje in klik na točno želeno slikovno piko, zlasti na fotografijah z drobnimi podrobnostmi ali subtilnimi barvnimi prehodi.
Kliknite kateri koli slikovni pik na sliki, da nastavite osnovno barvo, nato se pomaknite navzdol do Barvna paleta razdelek. Izberite vrsto palete (analogna, komplementarna, triadična itd.) in povlecite drsnik za štetje, da izberete 3–10 vzorcev. Paleta se posodobi takoj. Uporabite Barve kopiranja, Prenesi PNG, ali Izvozi CSS uporabiti rezultat.
Izvozi kopije CSS-ja :root { } blok, ki vsebuje vsako barvo palete kot lastnost CSS po meri (npr. --color-1: #3a7bd5;). To lahko prilepite neposredno v svojo slogovno predlogo in se na spremenljivke sklicujete skozi ves projekt.
Da. Datoteke HEIC in HEIF se v vašem brskalniku samodejno pretvorijo v JPEG, preden se slika prikaže. Med pretvorbo se prikaže indikator nalaganja in na naše strežnike se ne pošljejo nobene datoteke.