Potřebujete přesnou barvu z loga, screenshotu, fotky nebo designové předlohy? Načtěte obrázek, pohybujte kurzorem nad ním a sledujte náhled barvy pod lupou, kliknutím ji uložíte. Každá uložená barva ukazuje HEX, RGB a HSL s tlačítky pro kopírování jedním kliknutím.
Čte pixely přímo z obrázku ve vašem prohlížeči, takže nabírání je okamžité a soubor se nikdy nenahrává — což se hodí u firemních barev, které byste raději neposílali na náhodný web.
Jak na to
- Přidejte obrázekVložte obrázek nebo screenshot, ze kterého chcete barvy.
- Najeďte a klikněteLupa zvětší přesný pixel; kliknutím barvu uložíte.
- Zkopírujte hodnotuVezměte si HEX, RGB nebo HSL pro každou uloženou barvu.
Někdy potřebujete z obrázku jednu barvu a nic jiného nestačí — přesnou modrou z loga, šedou za tlačítkem na screenshotu, odstín z fotky, který chcete znovu použít. Oko neumí přečíst hex kód z obrazovky a barva, která vypadá správně, se obvykle o pár číslic liší. Toto kapátko vám umožní načíst obrázek, pohybovat se nad ním s lupou, která zvětšuje pixely pod kurzorem, a kliknutím uložit přesně ten, který chcete, jako vzorek — HEX, RGB a HSL zobrazené společně, každý s tlačítkem kopírování.
Čte pixely lokálně ve vašem prohlížeči z canvasu: nic se nenahrává, není žádný účet a po prvním načtení funguje offline. To je důležité, když je obrázek nezveřejněný mockup, brandový podklad klienta nebo interní screenshot. Je to bodový vzorkovač — každé kliknutí přečte jeden pixel, což je přesně to pravé pro čisté logo nebo ploché UI, a na zašuměné fotce vyžaduje trochu více péče. Pokud byste raději nechali automaticky vytáhnout dominantní barvy celého obrázku, na to je samostatný nástroj na palety; tenhle slouží k namíření na konkrétní pixel a odečtení jeho hodnoty.
K čemu ho lidé používají
Obnovte přesnou barvu značky ze starého loga, když se ztratila specifikace
Slaďte tlačítko nebo nadpis s barvou ze screenshotu webu, který se vám líbí
Vytáhněte primární, akcentovou a textovou barvu z loga jedním průchodem
Naberte odstín z fotky pro použití jako pozadí nebo akcent
Přečtěte skutečnou barvu poloprůhledného prvku na obrazovce ze screenshotu
Zkopírujte barvu jako HSL, abyste ji mohli zesvětlit nebo ztlumit pro hover či variantu
Proč IMG.DIY
Lupa
Přiblíží, abyste klikli na přesný pixel.
HEX / RGB / HSL
Každá uložená barva ve třech formátech.
Kopírování jedním kliknutím
Zkopírujte jakoukoli hodnotu rovnou do schránky.
Soukromé
Pixely se čtou lokálně — bez nahrávání.