Color picker – zistite farbu z obrázka
Online color picker zadarmo: obrázok či screenshot vložte zo schránky (Ctrl + V), pretiahnite myšou alebo nahrajte zo súboru a kliknutím na ľubovoľné miesto získate presný HEX, RGB aj HSL kód farby. Nič sa nikam neodosiela – farba sa zisťuje priamo vo vašom prehliadači.
Vložte obrázok zo schránky (Ctrl + V),
presuňte ho sem
alebo kliknite pre výber súboru
JPG, PNG, WebP • farba sa zisťuje priamo v prehliadači
Polia HEX a RGB sú editovateľné – hodnotu stačí prepísať a ostatné kódy sa prepočítajú (prevod RGB na HEX aj naopak). CMYK je orientačný prepočet pre tlač.
Presná farba z obrázka za pár sekúnd
HEX • RGB • HSL • Paleta farieb • Pipeta z obrazovky • Všetko v prehliadači
Ako funguje color picker z obrázka
Color picker (po slovensky kvapkadlo či pipeta farieb) zistí presnú farbu ľubovoľného miesta v obrázku. Obrázok nahráte, pretiahnete myšou alebo vložíte zo schránky cez Ctrl + V – ideálne na screenshot urobený cez Print Screen alebo Windows + Shift + S. Kurzor nad obrázkom má lupu so zväčšenými pixelmi, takže trafíte aj jednopixelovú linku či písmeno. Kliknutím sa farba vyberie a nástroj zobrazí HEX, RGB, HSL a CMYK kód spolu s približným slovenským názvom odtieňa. Všetko prebieha priamo vo vašom prehliadači – obrázok sa nikam nenahráva, takže image color picker pokojne použite aj na firemnom počítači, kde si programy inštalovať nemôžete.
Pipeta z obrazovky – farba z ľubovoľnej aplikácie
V prehliadačoch Chrome, Edge a Opera funguje aj tlačidlo Pipeta z obrazovky (eyedropper). Otvorí systémové kvapkadlo, ktorým vyberiete farbu z čohokoľvek na obrazovke – z iného okna, aplikácie či webu – bez toho, aby ste museli robiť screenshot. Ak váš prehliadač pipetu nepodporuje (Firefox, Safari), stačí obrazovku odfotiť cez Print Screen, vložiť sem cez Ctrl + V a farbu vybrať z obrázka.
HEX, RGB, HSL a CMYK – farebné kódy vysvetlené
HEX kód (#RRGGBB) je najrozšírenejší zápis farby na webe – používa sa v HTML, CSS aj v nástrojoch ako Figma či Canva. RGB vyjadruje tú istú farbu podielom červenej, zelenej a modrej zložky (0 – 255), HSL odtieňom, sýtosťou a svetlosťou – hodí sa, keď potrebujete odtiene farieb zosvetliť či stmaviť. CMYK je orientačný prepočet pre tlač. Základné farebné kódy, ktoré sa zídu najčastejšie:
- biela
#FFFFFF, čierna#000000, sivá#808080 - červená
#FF0000, zelená#00FF00, modrá#0000FF - žltá
#FFFF00, oranžová#FFA500, fialová#800080, ružová#FFC0CB
Prevod RGB na HEX a HEX na RGB
Nástroj funguje aj ako prevodník farieb bez obrázka: do poľa HEX alebo RGB jednoducho napíšte hodnotu a ostatné kódy sa prepočítajú naživo – rgb to hex, hex to rgb, HSL aj CMYK jedným krokom. Farbu môžete vybrať aj ručne v klasickom výbere farieb, prípadne doladiť po výbere z obrázka.
Paleta farieb z obrázka
Po načítaní obrázka nástroj automaticky vytiahne paletu dominantných farieb – akýsi vzorkovník farieb fotografie. Hodí sa, keď potrebujete zladiť prezentáciu či web s firemným logom, vybrať farby z fotky do grafiky alebo rýchlo zistiť, aké odtiene tvoria dizajn konkurencie. Kliknutím na políčko palety sa farba vyberie aj s kompletnými kódmi; naposledy vybrané farby zostávajú v histórii, takže sa k nim viete kedykoľvek vrátiť.
Vybrané, a čo ďalej?
K vybranej farbe nájde ladiace kombinácie – komplementárne, analogické či triadické – color wheel (farebný kruh). Ak zo screenshotu potrebujete okrem farby aj výrez, použite orezanie obrázka – funguje rovnako, priamo v prehliadači. Obrázok v nevhodnom formáte prevedie prevod WebP do JPG a text z obrázka rozpozná prepis textu z fotky.
Časté otázky o color pickeri
Farba z obrázka, HEX a RGB kódy aj pipeta z obrazovky – bez nahrávania na server.
Ako zistím farbu z obrázka?
Nahrajte obrázok do color pickera vyššie (alebo ho pretiahnite myšou, prípadne vložte zo schránky cez Ctrl + V), prejdite kurzorom na miesto s hľadanou farbou – lupa zväčší jednotlivé pixely – a kliknite. Nástroj hneď zobrazí HEX, RGB, HSL aj CMYK kód farby, ktorý skopírujete jedným tlačidlom.
Ako skopírujem HEX kód farby?
Po kliknutí do obrázka sa HEX kód (napríklad #D2294B) objaví v paneli pod obrázkom. Stlačte tlačidlo Kopírovať vedľa poľa HEX a kód je v schránke – vložíte ho cez Ctrl + V do CSS, Wordu, Canvy, PowerPointu či grafického programu.
Čo je HEX kód farby a kde sa používa?
HEX kód je zápis farby v šestnástkovej sústave v tvare #RRGGBB – dvojice znakov určujú podiel červenej, zelenej a modrej zložky. Napríklad #FF0000 je červená a #FFFFFF biela. Používa sa v HTML a CSS na weboch, ale aj v grafických programoch ako Figma, Photoshop či Canva.
Ako prevediem RGB na HEX (alebo HEX na RGB)?
Polia HEX a RGB v paneli sú editovateľné – stačí do jedného z nich napísať hodnotu (napríklad rgb(210, 41, 75) alebo #D2294B) a ostatné kódy sa okamžite prepočítajú. Nástroj tak funguje aj ako prevodník RGB to HEX a HEX to RGB vrátane HSL a orientačného CMYK.
Funguje pipeta aj mimo obrázka – z celej obrazovky?
Áno, v prehliadačoch Chrome, Edge a Opera. Tlačidlo Pipeta z obrazovky otvorí systémové kvapkadlo (EyeDropper), ktorým vyberiete farbu z ľubovoľného miesta na obrazovke – z iného okna, webu či aplikácie. Firefox a Safari túto funkciu zatiaľ nepodporujú, tam použite výber z obrázka.
Je color picker zadarmo a bezpečný? Nahráva sa obrázok niekam?
Nástroj je úplne zadarmo a bez registrácie. Obrázok sa nikam neodosiela – načíta sa len do vášho prehliadača a farby sa zisťujú priamo v ňom. Pokojne ho použite aj na screenshoty s citlivými údajmi alebo pracovné dokumenty, napríklad na firemnom počítači bez inštalovaných programov.
Zobrazuje nástroj aj CMYK hodnoty pre tlač?
Áno, pri každej farbe vidíte aj orientačný prepočet do CMYK (azúrová, purpurová, žltá, čierna). Ide o matematický prevod bez tlačového ICC profilu – presné hodnoty pre konkrétnu tlačiareň vám dá grafické štúdio, na bežné porovnanie farieb však prepočet stačí.
Potrebujete screenshot aj orezať? Vyskúšajte orezanie obrázka – výrez vyberiete myšou a uložíte ako PNG či JPG.