Výber a extraktor farieb – bezplatný online nástroj
Náš bezplatný online extraktor farieb vám umožňuje vybrať ľubovoľnú farbu z fotografie jedným kliknutím – nie je potrebné inštalovať žiadny softvér ani účet. Nahrajte svoj obrázok, podržte kurzor myši pre zväčšenie, kliknite na ľubovoľný pixel a okamžite uvidíte jeho hodnoty HEX, RGB, HSL a HSV a potom vygenerujte celú farebnú paletu z vami zvolenej farby. Výsledky si môžete kedykoľvek stiahnuť.
Ako vybrať farby z fotografie
1
Nahrajte svoj obrázok
Presuňte fotografiu na panel a kliknite Nahrať fotografiu, alebo vložte pomocou klávesov Ctrl+V. Podporuje JPEG, PNG, WebP, HEIC a GIF.
2
Kliknite pre výber farby
Pre priblíženie pomocou lupy podržte kurzor myši nad obrázkom a potom kliknite kamkoľvek, čím zachytíte farbu daného pixelu. Hodnoty HEX, RGB, HSL a HSV sa zobrazia okamžite.
3
Kopírovanie alebo generovanie palety
Kliknite na ľubovoľné pole s hodnotou, ak ho chcete skopírovať do schránky, uložiť farby na neskôr alebo vygenerovať plnú paletu farieb a exportovať ju ako premenné CSS alebo vzorkovník PNG.
Kľúčové vlastnosti
- Štyri farebné formáty – zobrazenie a kopírovanie vybranej farby v HEX, RGB, HSL a HSV jediným kliknutím na ľubovoľné pole s hodnotou.
- Lupa s presnosťou na pixel – kruhový zoom objektív sleduje kurzor, takže môžete presne určiť požadovaný pixel.
- 8 typov paliet – generovať analógové, komplementárne, triádické, tetradické, rozdeleno-komplementárne, monochromatické, tieňové alebo farebné palety s 3–10 vzorkami.
- Možnosti exportu – skopírujte všetky HEX kódy palety naraz, stiahnite si PNG vzorkovník alebo exportujte paletu ako vlastné vlastnosti CSS (
:root premenné).
- Uložené farby – uložte si ľubovoľnú farbu do osobného panela s uloženými farbami vo vašom prehliadači; kedykoľvek ich budete chcieť, vymažte ich.
- Podpora HEIC – Fotografie z iPhonu vo formáte HEIC/HEIF sa pred výberom farieb automaticky skonvertujú.
- Funguje výlučne vo vašom prehliadači – vaše fotografie sa nikdy nenahrávajú na žiadny server.
- Zadarmo a neobmedzene – žiadna registrácia, žiadne vodoznaky, žiadne obmedzenia.
Čo je to extraktor farieb?
Extraktor farieb (alebo výber farby obrázka) je nástroj, ktorý načíta presnú farbu ľubovoľného pixelu na fotografii a prevedie ju na štandardné farebné kódy používané v dizajne a vývoji. Namiesto toho, aby ste farbu odhadovali na oko alebo manuálne zadávali hodnoty, jednoducho kliknete na miesto, ktoré vás zaujíma, a nástroj vykoná konverziu za vás – od surových hodnôt RGB, ktoré sa zobrazujú na obrazovke, až po reprezentácie HSL a HSV používané v pracovných postupoch grafického dizajnu.
Generátor farebných paliet ide ešte o krok ďalej: po výbere základnej farby aplikuje teóriu farieb na vytvorenie harmonických farebných schém pripravených na použitie priamo v CSS, Figme alebo akomkoľvek inom dizajnérskom nástroji.
Bežné použitie
- Extrakcia farby značky – získajte presné HEX kódy z loga alebo fotografie značky a používajte ich konzistentne na celej webovej stránke alebo v dizajnovom systéme.
- Webový a UI dizajn – zlaďte farby s obrázkom produktu alebo hlavnou fotografiou, aby vaše rozloženie pôsobilo ucelene.
- Generovanie palety – začnite s jednou kľúčovou farbou a vytvorte pre projekt plne doplnkovú alebo analogickú schému.
- Tlač a ilustrácia – pred miešaním farieb alebo konfiguráciou tlačového profilu si pozrite vzorové referenčné fotografie na nájdenie presných hodnôt RGB.
- Témovanie CSS – exportovať premenné palety priamo do
:root blok, ktorý sa má vložiť priamo do šablóny so štýlmi.
Často kladené otázky
Áno, nástroj je 100 % bezplatný a bez obmedzení používania. Nemusíte si vytvárať účet ani poskytovať žiadne platobné informácie.
Nie. Všetko spracovanie prebieha výlučne vo vašom prehliadači pomocou rozhrania HTML5 Canvas API. Váš obrázok sa nikdy neodosiela na žiadny server, takže vaše súkromie je plne chránené.
Nástroj zobrazuje vybranú farbu súčasne v štyroch formátoch: HEX (napr. #3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)) a HSV (hsv(216, 73%, 84%)). Kliknite na ľubovoľné pole a okamžite ho skopírujte.
Pri pohybe kurzora nad obrázkom sa v blízkosti kurzora zobrazí kruhová lupa zobrazujúca priblížený pohľad na okolité pixely. Vďaka tomu je ľahké identifikovať a kliknúť na presný požadovaný pixel, najmä na fotografiách s jemnými detailmi alebo jemnými farebnými prechodmi.
Kliknite na ľubovoľný pixel na obrázku a nastavte základnú farbu. Potom prejdite nadol na Farebná paleta sekcia. Vyberte typ palety (Analógová, Doplnková, Triádická atď.) a potiahnutím posuvníka počtu vyberte 3 – 10 vzorkovníkov. Paleta sa okamžite aktualizuje. Použite Kopírovať farby, Stiahnuť PNG, alebo Exportovať CSS použiť výsledok.
Exportovať kópie CSS :root { } blok obsahujúci každú farbu palety ako vlastnú vlastnosť CSS (napr. --color-1: #3a7bd5;). Toto môžete vložiť priamo do šablóny so štýlmi a odkazovať na premenné v celom projekte.
Áno. Súbory HEIC a HEIF sa vo vašom prehliadači pred zobrazením obrázka automaticky prevedú do formátu JPEG. Počas konverzie sa zobrazí indikátor načítavania a na naše servery sa neodosielajú žiadne súbory.