Výber farby
Vyberte ľubovoľnú farbu z obrázka a okamžite získajte kódy HEX, RGB, HSL, HSV a CMYK.
Nahrajte obrázok a vyberte farbu
Presuňte, vložte alebo vyberte — PNG, JPG, WEBP alebo GIF
Tip: obrázok môžete tiež vložiť pomocou Ctrl/Cmd + V
Kódy farby
Najbližší názov farby: Royal Blue
Farebné harmónie
Kontrola kontrastu (WCAG)
Ukážkový text
Uložené farby
Zatiaľ žiadne uložené farby — vyberte farbu a ťuknite na „Uložiť farbu“.
Výber farby (color picker) je nástroj, ktorý z ľubovoľného obrázka odčíta presnú farbu jediného pixelu a okamžite ju prevedie do všetkých bežných formátov — HEX, RGB, HSL, HSV aj CMYK. Namiesto odhadovania odtieňa podľa oka tak získate presný kód, ktorý môžete rovno vložiť do kódu, grafického programu alebo tlačového podkladu. Využitie nájde pri webdesigne a tvorbe UI, vo front-end vývoji pri ladení CSS premenných, v tlači a brandingu, kde je potrebný prevod na CMYK, aj pri kontrole prístupnosti podľa štandardu WCAG.
Celý nástroj je úplne zadarmo a beží priamo vo vašom prehliadači — obrázok sa nikam neodosiela ani neukladá na server, takže vaše súkromie zostáva v bezpečí. Okrem odčítania jednotlivých farieb dokáže z fotografie extrahovať celú farebnú paletu, navrhnúť farebné harmónie (komplementárne, analogické, triadické a ďalšie) a skontrolovať kontrast medzi dvoma farbami podľa WCAG, aby bol váš text čitateľný pre každého.
Ako vybrať farbu z obrázka
- 1
Nahrajte obrázok
Nahrajte fotografiu alebo návrh zo svojho zariadenia, prípadne ho jednoducho pretiahnite priamo do okna prehliadača.
- 2
Kliknite kvapkadlom na pixel
Pomocou kvapkadla (pipety) kliknite na presné miesto v obrázku, ktorého farbu chcete zistiť.
- 3
Prečítajte a skopírujte kódy
Okamžite sa zobrazia kódy HEX, RGB, HSL, HSV aj CMYK — jedným klikom ktorýkoľvek z nich skopírujete do schránky.
- 4
Extrahujte paletu z obrázka
Nechajte nástroj automaticky vytiahnuť dominantné farby z celého obrázka a poskladať z nich ucelenú paletu.
- 5
Vygenerujte farebné harmónie
K vybranej farbe si nechajte navrhnúť ladiace odtiene — komplementárne, analogické, triadické, tetradické či monochromatické.
- 6
Skontrolujte kontrast a uložte paletu
Overte kontrast podľa WCAG pre text a pozadie a hotovú paletu si uložte alebo exportujte do CSS, JSON či PNG.
HEX, RGB, HSL, HSV a CMYK vysvetlené
Rovnaká farba sa dá zapísať viacerými spôsobmi — každý formát je vhodný na iné použitie, od webového kódu až po tlač.
| Model | Example | Best for |
|---|---|---|
| HEX | #3B82F6 | Web a CSS |
| RGB | rgb(59, 130, 246) | Obrazovky |
| HSL | hsl(217, 91%, 60%) | Intuitívne úpravy |
| HSV | hsv(217, 76%, 96%) | Dizajnérske nástroje |
| CMYK | cmyk(76%, 47%, 0%, 4%) | Tlač |
Webový a UI dizajn
Pri návrhu webových stránok a aplikácií potrebujete presné farby pre tlačidlá, pozadia aj ikony. Vďaka výberu farby priamo z návrhu alebo referenčného obrázka ľahko zachováte konzistentnú farebnú schému v celom projekte.
Front-end vývoj (CSS premenné)
Vývojári môžu odčítanú farbu ihneď skopírovať ako HEX alebo RGB hodnotu a použiť ju v CSS premenných, dizajnových tokenoch alebo priamo v štýloch komponentov — bez zdĺhavého odhadovania kódu.
Tlač a branding (CMYK)
Pri príprave tlačovín, vizitiek či logotypov je nevyhnutné poznať hodnoty CMYK, keďže tlačiarne pracujú s iným farebným modelom než obrazovky. Nástroj vám prevod z RGB na CMYK spraví automaticky.
Prístupnosť (kontrast WCAG)
Dostatočný kontrast medzi textom a pozadím je kľúčový pre čitateľnosť a súlad so štandardom WCAG. Zabudovaná kontrola kontrastu vám ihneď povie, či zvolená kombinácia farieb vyhovuje úrovni AA alebo AAA.
Porovnanie
V porovnaní s bežne používanou stránkou imagecolorpicker.com ponúka náš výber farby širšiu podporu farebných modelov a viac funkcií naviac, a to bez akýchkoľvek reklám.
| Farebné modely | HEX, RGB, HSL, HSV aj CMYK | Väčšinou len HEX a RGB |
| CMYK pre tlač | Áno, priamy prevod | Chýba alebo obmedzené |
| Kontrola kontrastu WCAG | Zabudovaná | Nie je k dispozícii |
| Farebné harmónie | 6 typov harmónií | Nie je k dispozícii |
| Reklamy | Žiadne | Množstvo reklám na stránke |
Často kladené otázky
Ako vyberiem farbu z obrázka?
Nahrajte obrázok do nástroja, kliknite kvapkadlom na konkrétny pixel a okamžite sa zobrazia jeho presné hodnoty vo formátoch HEX, RGB, HSL, HSV aj CMYK, ktoré si môžete jedným klikom skopírovať.
Čo je kód farby HEX?
Kód HEX je šesťmiestny zápis farby v šestnástkovej sústave, napríklad #3B82F6, ktorý sa najčastejšie používa v CSS a HTML na definovanie farieb na webe.
Ako prevediem RGB na HEX?
Stačí si v nástroji vybrať alebo zadať farbu — hodnoty RGB aj HEX sa zobrazujú súčasne, takže netreba nič počítať ručne, prevod prebehne automaticky.
Ako vytvorím farebnú paletu z fotografie?
Nahrajte fotografiu a použite funkciu extrakcie palety — nástroj automaticky rozpozná dominantné farby v obrázku a poskladá z nich hotovú paletu, ktorú môžete uložiť alebo exportovať.
Ako skontrolujem kontrast farieb pre prístupnosť?
V sekcii kontroly kontrastu zadajte farbu textu a farbu pozadia — nástroj vypočíta pomer kontrastu podľa WCAG a ukáže, či vyhovuje úrovniam AA alebo AAA pre bežný aj veľký text.
Je nástroj naozaj zadarmo a bezpečný?
Áno, výber farby je úplne zadarmo a beží priamo vo vašom prehliadači bez registrácie. Obrázky sa nikam neodosielajú ani neukladajú na server, takže spracovanie prebieha výhradne lokálne a súkromne.
