Izbirnik barv
Izberite poljubno barvo s slike in takoj pridobite kode HEX, RGB, HSL, HSV in CMYK.
Naložite sliko za izbiro barve
Povlecite in spustite, prilepite ali prebrskajte — PNG, JPG, WEBP ali GIF
Namig: sliko lahko prilepite tudi s Ctrl/Cmd + V
Kode barv
Najbližje ime barve: Royal Blue
Barvne harmonije
Preverjanje kontrasta (WCAG)
Vzorčno besedilo
Shranjene barve
Še ni shranjenih barv — izberite eno in pritisnite „Shrani barvo”.
Izbirnik barv je orodje, s katerim iz katere koli fotografije ali grafike v nekaj sekundah izluščite natančno barvo — dovolj je, da s kapalko kliknete na želeno slikovno piko. Uporabljajo ga spletni oblikovalci, ki iščejo pravo barvo za logotip ali uporabniški vmesnik, razvijalci, ki v kodo CSS potrebujejo točno vrednost HEX, tiskarji, ki barvo pretvarjajo v CMYK za tisk, ter vsi, ki morajo preveriti, ali barvna kombinacija ustreza smernicam za dostopnost.
Orodje je popolnoma brezplačno in deluje neposredno v vašem brskalniku — slika se nikoli ne naloži na strežnik, zato je vaša zasebnost ves čas zagotovljena. Vsako izbrano barvo takoj dobite v vseh običajnih zapisih (HEX, RGB, HSL, HSV in CMYK), lahko pa iz slike izvlečete tudi celotno barvno paleto, ustvarite ujemajoče se barvne harmonije in preverite kontrast po standardu WCAG za berljivo, dostopno besedilo.
Kako izbrati barvo s slike
- 1
Naložite sliko
Povlecite sliko v okno brskalnika, jo prilepite s tipkama Ctrl/Cmd + V ali jo izberite iz svoje naprave.
- 2
Kliknite s kapalko
Z miško se pomaknite na sliko in kliknite točno tisto slikovno piko, katere barvo želite izbrati.
- 3
Preberite kode barv
Takoj se prikažejo vrednosti HEX, RGB, HSL, HSV in CMYK izbrane barve — vsako lahko s klikom kopirate.
- 4
Izvlecite paleto
Z enim klikom iz cele slike ustvarite paleto najbolj prevladujočih barv, primerno za oblikovanje ali tisk.
- 5
Ustvarite barvno harmonijo
Izberite komplementarno, analogno, triadno, tetradno ali monokromatsko shemo, ki temelji na izbrani barvi.
- 6
Preverite kontrast in shranite
Preverite razmerje kontrasta po WCAG med besedilom in ozadjem, nato paleto shranite ali izvozite kot CSS, JSON ali PNG.
HEX, RGB, HSL, HSV in CMYK razloženi
Ista barva je lahko zapisana v več različnih formatih, odvisno od tega, kje jo uporabljate — na spletu, pri oblikovanju ali v tisku. Spodnja tabela prikazuje vseh pet glavnih barvnih modelov skupaj s primerom zapisa in tipično rabo.
| Model | Example | Best for |
|---|---|---|
| HEX | #3B82F6 | Splet in CSS |
| RGB | rgb(59, 130, 246) | Zasloni in digitalni prikaz |
| HSL | hsl(217, 91%, 60%) | Intuitivno prilagajanje barv |
| HSV | hsv(217, 76%, 96%) | Oblikovalska orodja |
| CMYK | cmyk(76%, 47%, 0%, 4%) | Tisk |
Spletno in UI oblikovanje
Oblikovalci z izbirnikom barv iz navdihujočih slik, fotografij izdelkov ali obstoječih znamk izluščijo skladne barvne palete za spletne strani, aplikacije in uporabniške vmesnike.
Front-end razvoj (CSS spremenljivke)
Razvijalci hitro pridobijo točno vrednost HEX ali RGB in jo prek kopiranja z enim klikom neposredno vnesejo v CSS spremenljivke, Tailwind konfiguracijo ali komponente.
Tisk in blagovna znamka
Za tiskovine, embalažo in promocijsko gradivo je nujna pretvorba v CMYK, saj tiskarski stroji barvo sestavljajo iz cianu, magente, rumene in črne, ne iz svetlobe kot zasloni.
Dostopnost (WCAG kontrast)
Vgrajeni preverjevalnik kontrasta pokaže, ali kombinacija besedila in ozadja dosega razmerja, ki jih zahteva standard WCAG za normalno in veliko besedilo, tako na ravni AA kot AAA.
Primerjava
V primerjavi z uveljavljenim orodjem imagecolorpicker.com ponuja naš izbirnik barv več funkcij v enem samem, preglednem vmesniku brez motečih oglasov.
| Barvni modeli | HEX, RGB, HSL, HSV in CMYK hkrati | Predvsem HEX in RGB |
| CMYK za tisk | Vgrajen, brez dodatnega orodja | Ni na voljo |
| Preverjanje WCAG kontrasta | Vgrajeno, takojšnji rezultat AA/AAA | Ni na voljo |
| Barvne harmonije | 6 vrst shem z enim klikom | Ni na voljo |
| Oglasi | Brez motečih oglasov | Številni oglasi na strani |
Pogosta vprašanja
Kako izberem barvo s slike?
Naložite sliko z vlečenjem, lepljenjem ali izbiro datoteke, nato z miško kliknite na točno tisto slikovno piko, katere barvo želite. Orodje takoj prikaže njene vrednosti HEX, RGB, HSL, HSV in CMYK.
Kaj je HEX koda barve?
HEX koda je zapis barve s šestimi šestnajstiškimi znaki (npr. #3B82F6), ki predstavljajo deleže rdeče, zelene in modre svetlobe. Je najpogostejši format za barve na spletnih straneh in v CSS.
Kako pretvorim RGB v HEX?
Preprosto naložite sliko in izberite barvo s kapalko — orodje samodejno izračuna in prikaže ustrezno vrednost HEX poleg RGB, HSL, HSV in CMYK, brez ročnega preračunavanja.
Kako iz fotografije izdelam barvno paleto?
Po nalaganju slike kliknite gumb za izvleček palete. Orodje samodejno zazna najbolj prevladujoče barve na sliki in jih prikaže kot nabor vzorcev, ki jih lahko shranite ali izvozite.
Kako preverim barvni kontrast za dostopnost?
V razdelku za preverjanje kontrasta izberite barvo besedila in barvo ozadja. Orodje izračuna razmerje kontrasta po WCAG in pokaže, ali ustreza zahtevam ravni AA in AAA za normalno ter veliko besedilo.
Je orodje brezplačno in ali so moje slike zasebne?
Da, izbirnik barv je popolnoma brezplačen in brez omejitev. Vsa obdelava poteka neposredno v vašem brskalniku — slike se nikoli ne prenesejo na strežnik, zato ostanejo popolnoma zasebne.
