Vytáhnout specifický odstín z fotografie pro použití v designu. Spárovat UI akcent s brand assetem, jehož hex nemáš. Vytáhnout jednotlivé brand barvy z loga klik po kliku. Postavit moodboard paletu ze záběru filmu nebo uměleckého díla. Ověřit, že dvě oblasti obrázku mají skutečně stejnou barvu (vs vypadají podobně, ale liší se v pixelech).

Anti-aliasing na textu. Písmena mají měkké hrany, které nereprezentují podkladovou barvu "inkoustu". Klikni doprostřed silného tahu, ne na hranu. JPEG artefakty. Silně komprimované fotky mají barevný drift v zdánlivě plochých oblastech. Pokud potřebuješ čistou barvu, preferuj PNG zdroje. Obrázek je škálován pro zobrazení. Velmi velké obrázky se zmenší na ~700px šířky pro výkon. Pixel, který klikáš, pochází ze zobrazeného canvasu, ne z originálu. Pro pixelově přesnou extrakci malého prvku, ořež před nahráváním. HSL je odvozený, ne uložený. Prohlížeč ukládá RGB; HSL je jiný způsob popisu téže barvy. Round-tripy mohou zavést malé drifty kvůli zaokrouhlování.

Výběr barvy z obrázku

Nahraj obrázek a klikni kdekoli pro získání hex, RGB a HSL toho pixelu. Vybuduj vlastní paletu kliknutím na více bodů. Čistý prohlížeč, žádný upload.

Pick or drop an image (PNG, JPG, WebP)

🔒 Files never leave your browser — no upload, no server, no tracking.

Image (hover to magnify, click to pick)

No image yet.

Current pixel

HEX —

RGB —

HSL —

Locked palette

Click the image to lock colours into a custom palette.

K čemu to slouží?

Tenhle nástroj přemění jakýkoli nahraný obrázek na klikatelný zdroj barvy. Hover nad libovolným místem a přečteš přesný pixel pod kurzorem jako hex, RGB a HSL — s lupou, která zvětšuje 8×, takže můžeš vybírat pixely precizně bez přimhouření. Klikni, abys zamkl barvu do vlastní palety: postav paletu kliknutím na více bodů na obrázku. Klikni na swatch v paletě, abys ho odstranil. Obrázek nikdy neopustí tvůj prohlížeč.

Kdy to použít

Vytáhnout specifický odstín z fotografie pro použití v designu.
Spárovat UI akcent s brand assetem, jehož hex nemáš.
Vytáhnout jednotlivé brand barvy z loga klik po kliku.
Postavit moodboard paletu ze záběru filmu nebo uměleckého díla.
Ověřit, že dvě oblasti obrázku mají skutečně stejnou barvu (vs vypadají podobně, ale liší se v pixelech).

Jak funguje přesnost

Jednopixelové vzorkování je přesné, ale šumlivé — anti-aliased hrany, JPEG artefakty a subpixel rendering způsobují, že sousedi se mírně liší. 8× lupa ti umožní vidět a kliknout konkrétní pixel, který myslíš, místo spoléhání na průměr. Pro extrakci brand barvy to záleží; pro moodboard to můžeš ignorovat.

Časté chyby

Anti-aliasing na textu. Písmena mají měkké hrany, které nereprezentují podkladovou barvu "inkoustu". Klikni doprostřed silného tahu, ne na hranu.
JPEG artefakty. Silně komprimované fotky mají barevný drift v zdánlivě plochých oblastech. Pokud potřebuješ čistou barvu, preferuj PNG zdroje.
Obrázek je škálován pro zobrazení. Velmi velké obrázky se zmenší na ~700px šířky pro výkon. Pixel, který klikáš, pochází ze zobrazeného canvasu, ne z originálu. Pro pixelově přesnou extrakci malého prvku, ořež před nahráváním.
HSL je odvozený, ne uložený. Prohlížeč ukládá RGB; HSL je jiný způsob popisu téže barvy. Round-tripy mohou zavést malé drifty kvůli zaokrouhlování.