Klíčové poznatky
- 01Vyber libovolný pixel z jakéhokoli obrázku a získej HEX, RGB a HSL kódy jedním kliknutím.
- 02Zvětšená lupa s až 20x zoomem usnadňuje zachycení přesných pixelů z log nebo ikon.
- 03Vytvořit malou paletu z více výběrů – vše zůstane soukromé v tvém prohlížeči.
- 04Bezplatné, není potřeba registrace a funguje s JPG, PNG, WebP, AVIF, GIF, BMP a HEIC.
Proč použít výběr barev v prohlížeči?
Návrhář, vývojáři a tvůrci obsahu pravidelně potřebují spárovat barvu z referenčního obrázku – logo, nálada, fotografie klienta nebo screenshot. Většina operačních systémů má základní nástroje kapky, ale postrádají zvětšení, víceformátový výstup a vytváření palety, které urychlují výběr barev v reálném pracovním toku.
Výběr barev od Handytoolu běží zcela v tvém prohlížeči, takže není instalace, žádný účet a žádné obrázky poslané na server. Dostáváš zvětšenou kapku, tři současné formáty barev (HEX, RGB, HSL) a opakovaně použitelnou paletu – vše zdarma.
Jak vybrat barvu z obrázku
Celý proces trvá méně než minutu.
- 01
Vhoď nebo otevři svůj obrázek
Přetáhni svůj obr na stránku nebo klikni na procházení. JPG, PNG, WebP, AVIF, GIF, BMP a HEIC jsou všechny podporované – soubory HEIC z iPhonu se dekódují lokálně pomocí WebAssembly.
- 02
Umísti lupu nad cílový pixel
Přesuň kurzor nad obrázek. Zvětšená lupa sleduje tvůj kurzor, takže vidíš jednotlivé pixely i v hustých nebo malých obrázcích. Zvětšení jde až 20x pro detaily loga a ikony.
- 03
Klikni na pixel, který chceš vzorkovat
Klikni na pixel, který chceš. Hodnoty HEX, RGB a HSL se okamžitě objeví na panelu.
- 04
Zkopíruj formát, který potřebuješ
Klikni na jakýkoli odznak formátu a zkopíruj jej do schránky. HEX je připravený na CSS, RGB je vhodný pro tisk a HSL je ideální, když chceš navrhovat světlejší nebo tmavší varianty stejného odstínu.
- 05
Vytvořit paletu s více výběry
Pokračuj v klikání na obrázek, aby ses přidal do minipaly v dolní části. Klikni na jakoukoli barvu, aby jsi zkopíroval její HEX, nebo tlačítko x, aby jsi ji odstranil.
Který formát barvy bys měl použít?
Každý formát slouží k trochu jiným účelům.
- 01HEX (#B7FF3E) – univerzální volba pro CSS web a nástroje pro design jako Figma.
- 02RGB (183, 255, 62) – preferováno v tisku, kalibraci barev a některých aplikacích pro design.
- 03HSL (83°, 100%, 62%) – nejlepší, když chceš vytvořit odstíny, stíny nebo barevné stupnice.
- 04Všechny tři formáty reprezentují stejnou barvu – zkopíruj, který očekává váš nástroj.
Tvé obrázky nikdy neopustí tvoje zařízení
Výběr barev je zcela nástroj na straně klienta. Každý obrázek, který vhodiš, je dekódován Canvas API tvého prohlížeče a každý výpočet barvy se uskuteční v místním JavaScriptu. Žádná data nejsou přenesena na server, zaznamenána nebo uložena – ani dočasně.
To znamená, že můžeš bezpečně pracovat s důvěrnými mockupy, uměleckými pracemi klientů nebo fotkami neotevřených produktů. Zavři tab a vše zmizí. Žádné nahrávání, o kterém bys se musel bát, žádné zásady ochrany soukromí pro procházení.
FAQ výběru barev
Jak vybeру barvu z obrázku online?
Vhoď svůj obrázek na výběr barev od Handytoolu, najeď kurzorem na pixel, který chceš, a klikni. Hodnoty HEX, RGB a HSL se objeví okamžitě a lze je zkopírovat jedním kliknutím.
Které formáty obrázků nástroj podporuje?
JPG, PNG, WebP, AVIF, GIF, BMP a HEIC/HEIF. Fotografie HEIC z iPhonu se dekódují lokálně pomocí WebAssembly, takže není potřeba konverze.
Jaký je rozdíl mezi HEX, RGB a HSL?
HEX je šestimístný kód běžný v CSS webů. RGB vyjadřuje barvu jako tři číselné hodnoty (červená, zelená, modrá) od 0 do 255. HSL používá odstín, sytost a lehkost – užitečné pro generování barevných stupnic.
Je můj obrázek nahrán na server?
Ne. Celý nástroj běží v tvém prohlížeči. Tvůj obrázek zůstává na tvém zařízení od začátku do konce – nic se neposílá na server.
Mohu uložit paletu barev z jednoho obrázku?
Ano. Každý klik přidá vzorek do palety v dolní části stránky. Klikni na vzorek a zkopíruj jeho HEX nebo x, aby jsi jej odstranil. Paleta je ztracena po zavření tahu – zkopíruj své kódy před odchodem.
Je výběr barev zdarma?
Ano. Handytool je zcela zdarma bez registrace, bez limitů použití a bez vodoznámků.