Utilia
Kategorie ▾
Jazyk: cs ▾

Výběr barvy z obrázku

Vlož obrázek a kliknutím na libovolný pixel získáš jeho barvu jako HEX, RGB, HSL, HSV a CMYK. Lupa, průměrování a seznam vybraných barev ve tvém prohlížeči.

Jak vybrat barvu z obrázku

  1. Přetáhni obrázek do oblasti pro nahrání, nebo na ni klikni a vyber soubor (JPG, PNG, WebP, GIF nebo jakýkoli formát, který tvůj prohlížeč zobrazí).
  2. Pohybuj ukazatelem nad obrázkem. Lupa ukazuje zvětšené pixely kolem kurzoru a pole Pod kurzorem dává kód HEX živě.
  3. Klikni na pixel, který chceš. Vzorek Vybraná barva ho ukáže spolu s polohou pixelu a vedle něj se objeví kódy HEX, RGB, HSL, HSV a CMYK, každý s tlačítkem Kopírovat.
  4. Dalšími kliknutími sbíráš další barvy: přidávají se do Vybraných barev, kde můžeš každou zkopírovat. Vymazat seznam ho vyprázdní.

Na telefonu nebo tabletu na obrázek jednoduše klepni. Na klávesnici přejdi na obrázek klávesou Tab, pohybuj se šipkami (se Shiftem po 10 pixelech) a výběr potvrď klávesou Enter.

Obrázek tvoje zařízení neopouští: dekóduje a čte ho jen tvůj prohlížeč. Nic, co zadáš, se neodesílá na server.

Jeden pixel, nebo průměr?

Nabídka Velikost vzorku určuje, kolik pixelů se při každém výběru čte:

  • 1 pixel vrací přesnou barvu pixelu pod kurzorem. Použij ji pro ploché grafiky, loga, snímky obrazovky a ikony.
  • Průměr 3 × 3 a Průměr 5 × 5 vracejí střední barvu 9 nebo 25 okolních pixelů. Použij je u fotografií: komprese JPEG a šum fotoaparátu způsobují, že sousední pixely se mírně liší, a průměr dává barvu, která lépe odpovídá tomu, co vidíš.

Čtverec vyznačený v lupě přesně ukazuje, které pixely se zahrnují. U okrajů obrázku se počítají jen pixely, které existují.

Průhledné pixely v souborech PNG nebo WebP se zpracovávají také: barva se váží podle krytí, takže zcela průhledné oblasti netáhnou výsledek k černé a částečně průhledný výsledek dostane osmimístný kód HEX s alfa kanálem, například #FF000080.

Přesnost a omezení

  • Barvy se čtou v prostoru sRGB plátna tvého prohlížeče. Obrázky uložené s jiným barevným profilem (Adobe RGB, Display P3) prohlížeč nejprve převede, takže kódy odpovídají tomu, co vidíš na obrazovce, ale mohou se mírně lišit od surových hodnot souboru, které ukazuje fotoeditor.
  • Velmi velké obrázky se zmenší na 4 096 pixelů na delší straně, aby spotřeba paměti zůstala rozumná. Nástroj ti to oznámí; u takových obrázků je každý vybraný pixel už malým průměrem originálu.
  • Hodnoty CMYK jsou zjednodušený převod bez profilu ICC, užitečný jen jako hrubé vodítko.

Časté dotazy

Jak zjistím kód HEX barvy na obrázku?

Otevři obrázek v tomto nástroji a klikni na barvu. Kód HEX se objeví v poli Vybraná barva; kliknutím na Kopírovat vedle něj ho vložíš do CSS, Figmy, Canvy nebo jiné aplikace.

Proč mají sousední pixely na mé fotce různé kódy?

Fotografie obsahují šum, přechody a artefakty komprese, takže dva pixely, které vypadají stejně, mají jen zřídka stejnou hodnotu. Vyber v poli Velikost vzorku možnost Průměr 3 × 3 nebo Průměr 5 × 5 a získáš stabilnější barvu.

Mohu vybírat barvy ze snímku obrazovky webu?

Ano. Pořiď snímek obrazovky, ulož ho jako PNG a přetáhni sem. Snímky PNG jsou bezeztrátové, takže s 1 pixelem získáš přesnou barvu použitou na stránce, pokud obrazovka nepoužila škálování ani správu barev.

Nahrává se můj obrázek na server?

Ne. Soubor otevře tvůj prohlížeč a vykreslí ho na plátno ve tvém zařízení. Na server se nic neodesílá a zavřením stránky se obrázek zahodí.

Mohu získat celou paletu místo jednotlivých barev?

Tento nástroj čte jednotlivé pixely. Pro automatické získání hlavních barev obrázku použij nástroj pro paletu z obrázku, který seskupí podobné pixely a vypíše dominantní barvy s jejich podílem.

Související nástroje