Vytiahnuť špecifický odtieň z fotografie pre použitie v dizajne. Spárovať UI akcent s brand assetom, ktorého hex nemáš. Vytiahnuť jednotlivé brand farby z loga klik po klike. Postaviť moodboard paletu zo zábera filmu alebo umeleckého diela. Overiť, či dve oblasti obrázka majú naozaj rovnakú farbu (vs vyzerajú podobne, ale líšia sa v pixeloch).

Anti-aliasing na texte. Písmená majú mäkké hrany, ktoré nereprezentujú podkladovú farbu "atramentu". Klikni do stredu hrubého ťahu, nie na hranu. JPEG artefakty. Silne komprimované fotky majú farebný drift v zdanlivo plochých oblastiach. Ak potrebuješ čistú farbu, preferuj PNG zdroje. Obrázok je škálovaný na zobrazenie. Veľmi veľké obrázky sa zmenšia na ~700px širku pre výkon. Pixel, ktorý klikáš, pochádza zo zobrazeného canvasu, nie z originálu. Pre pixelovo presnú extrakciu malého prvku, orež pred nahrávaním. HSL je odvodený, nie uložený. Prehliadač ukladá RGB; HSL je iný spôsob opisu tej istej farby. Round-tripy môžu zaviesť malé drifty kvôli zaokrúhľovaniu.

Výber farby z obrázku

Nahraj obrázok a klikni kdekoľvek pre získanie hex, RGB a HSL toho pixelu. Vybuduj vlastnú paletu kliknutím na viacero bodov. Čistý prehliadač, žiadny 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.

Načo to slúži?

Tento nástroj premení akýkoľvek nahraný obrázok na klikateľný zdroj farby. Hover nad ľubovoľným miestom a prečítaš presný pixel pod kurzorom ako hex, RGB a HSL — s lupou, ktorá zväčšuje 8×, takže môžeš vyberať pixely precízne bez prižmúrenia. Klikni, aby si zamkol farbu do vlastnej palety: postav paletu klikaním na viac bodov na obrázku. Klikni na swatch v palete, aby si ho odstránil. Obrázok nikdy neopustí tvoj prehliadač.

Kedy to použiť

Vytiahnuť špecifický odtieň z fotografie pre použitie v dizajne.
Spárovať UI akcent s brand assetom, ktorého hex nemáš.
Vytiahnuť jednotlivé brand farby z loga klik po klike.
Postaviť moodboard paletu zo zábera filmu alebo umeleckého diela.
Overiť, či dve oblasti obrázka majú naozaj rovnakú farbu (vs vyzerajú podobne, ale líšia sa v pixeloch).

Ako funguje presnosť

Jednopixlové vzorkovanie je presné, ale šumlivé — anti-aliased hrany, JPEG artefakty a subpixel rendering spôsobujú, že susedi sa mierne líšia. 8× lupa ti umožní vidieť a kliknúť konkrétny pixel, ktorý myslíš, namiesto spoliehania sa na priemer. Pre extrakciu brand farby to záleží; pre moodboard to môžeš ignorovať.

Časté chyby

Anti-aliasing na texte. Písmená majú mäkké hrany, ktoré nereprezentujú podkladovú farbu "atramentu". Klikni do stredu hrubého ťahu, nie na hranu.
JPEG artefakty. Silne komprimované fotky majú farebný drift v zdanlivo plochých oblastiach. Ak potrebuješ čistú farbu, preferuj PNG zdroje.
Obrázok je škálovaný na zobrazenie. Veľmi veľké obrázky sa zmenšia na ~700px širku pre výkon. Pixel, ktorý klikáš, pochádza zo zobrazeného canvasu, nie z originálu. Pre pixelovo presnú extrakciu malého prvku, orež pred nahrávaním.
HSL je odvodený, nie uložený. Prehliadač ukladá RGB; HSL je iný spôsob opisu tej istej farby. Round-tripy môžu zaviesť malé drifty kvôli zaokrúhľovaniu.