Výběr a extraktor barev – bezplatný online nástroj
Náš bezplatný online extraktor barev vám umožní vybrat libovolnou barvu z fotografie jedním kliknutím – bez nutnosti instalace softwaru ani účtu. Nahrajte obrázek, najeďte myší na něj pro zvětšení, klikněte na libovolný pixel pro okamžité zobrazení jeho hodnot HEX, RGB, HSL a HSV a poté vygenerujte plnou barevnou paletu z vámi vybrané barvy. Výsledky si můžete kdykoli stáhnout.
Jak vybrat barvy z fotografie
1
Nahrajte svůj obrázek
Přetáhněte fotografii na panel a klikněte Nahrát fotografii, nebo vložte pomocí Ctrl+V. Podporuje JPEG, PNG, WebP, HEIC a GIF.
2
Kliknutím vyberete barvu
Pro přiblížení pomocí lupy najeďte myší na obrázek a poté kliknutím kamkoli zachyťte barvu daného pixelu. Hodnoty HEX, RGB, HSL a HSV se zobrazí okamžitě.
3
Kopírování nebo generování palety
Kliknutím na libovolné pole s hodnotou jej zkopírujete do schránky, uložíte barvy pro pozdější použití nebo vygenerujete plnou barevnou paletu a exportujete ji jako proměnné CSS nebo vzorník PNG.
Klíčové vlastnosti
- Čtyři barevné formáty – zobrazit a zkopírovat vybranou barvu v HEX, RGB, HSL a HSV jediným kliknutím na libovolné pole s hodnotou.
- Lupa s přesností na pixel – kruhový zoom objektiv sleduje kurzor, takže můžete přesně zaměřit požadovaný pixel.
- 8 typů palet – generovat analogové, komplementární, triadické, tetradické, rozděleně komplementární, monochromatické, odstínové nebo barevné palety s 3–10 vzorky.
- Možnosti exportu – zkopírujte všechny HEX kódy palety najednou, stáhněte si vzorník PNG nebo exportujte paletu jako vlastní vlastnosti CSS (
:root proměnné).
- Uložené barvy – uložte si libovolnou barvu do záložek na osobním panelu uložených barev ve vašem prohlížeči; kdykoli je budete chtít vymazat.
- Podpora HEIC – Fotografie z iPhonu ve formátu HEIC/HEIF se před výběrem barev automaticky převedou.
- Funguje kompletně ve vašem prohlížeči – vaše fotografie se nikdy nenahrávají na žádný server.
- Zdarma a neomezeně – žádná registrace, žádné vodoznaky, žádná omezení.
Co je to extraktor barev?
Extraktor barev (neboli výběr barvy obrázku) je nástroj, který přečte přesnou barvu libovolného pixelu na fotografii a převede ji na standardní barevné kódy používané v designu a vývoji. Místo očního odhadu barvy nebo ručního zadávání hodnot jednoduše kliknete na místo, které vás zajímá, a nástroj provede konverzi za vás – od nezpracovaných hodnot RGB, které se zobrazují na obrazovce, až po reprezentace HSL a HSV používané v grafických pracovních postupech.
Generátor barevných palet jde ještě o krok dál: jakmile si vyberete základní barvu, aplikuje teorii barev k vytvoření harmonických barevných schémat připravených k přímému použití v CSS, Figmě nebo jakémkoli jiném grafickém nástroji.
Běžné použití
- Extrakce barev značky – načíst přesné HEX kódy z loga nebo fotografie značky a používat je konzistentně napříč webovými stránkami nebo designovým systémem.
- Webový a uživatelský design – slaďte barvy s obrázkem produktu nebo hlavní fotografií, aby vaše rozvržení působilo uceleně.
- Generování palet – začněte s jednou klíčovou barvou a vytvořte pro projekt plně doplňkové nebo analogické schéma.
- Tisk a ilustrace – prohlédněte si vzorové referenční fotografie pro nalezení přesných hodnot RGB před mícháním barev nebo konfigurací tiskového profilu.
- CSS šablony – exportovat proměnné palety přímo do
:root blok pro přímé vložení do stylového listu.
Často kladené otázky
Ano, nástroj je 100% zdarma a bez omezení používání. Nemusíte si vytvářet účet ani poskytovat žádné platební informace.
Ne. Veškeré zpracování probíhá výhradně ve vašem prohlížeči pomocí HTML5 Canvas API. Váš obrázek není nikdy odeslán na žádný server, takže vaše soukromí je plně chráněno.
Nástroj zobrazuje vybranou barvu současně ve čtyřech formátech: HEX (např. #3a7bd5), RGB (rgb(58, 123, 213)), HSL (hsl(216, 63%, 53%)) a HSV (hsv(216, 73%, 84%)). Kliknutím na libovolné pole jej okamžitě zkopírujete.
Při pohybu kurzoru nad obrázkem se poblíž kurzoru zobrazí kruhová lupa zobrazující přiblížený pohled na okolní pixely. Díky tomu je snadné identifikovat a kliknout na přesný požadovaný pixel, zejména na fotografiích s jemnými detaily nebo jemnými barevnými přechody.
Klikněte na libovolný pixel na obrázku pro nastavení základní barvy a poté přejděte dolů k Barevná paleta Vyberte typ palety (Analogová, Doplňková, Triadická atd.) a přetažením posuvníku počtu vyberte 3–10 vzorků. Paleta se okamžitě aktualizuje. Použijte Kopírovat barvy, Stáhnout PNG, nebo Exportovat CSS použít výsledek.
Export CSS kopií a :root { } blok obsahující každou barvu palety jako vlastní vlastnost CSS (např. --color-1: #3a7bd5;). Toto můžete vložit přímo do svého stylového listu a odkazovat na proměnné v celém projektu.
Ano. Soubory HEIC a HEIF se ve vašem prohlížeči před zobrazením obrázku automaticky převedou do formátu JPEG. Během převodu se zobrazí indikátor načítání a na naše servery se neodesílají žádné soubory.