Utilia
Kategórie ▾
Jazyk: sk ▾

Výber farby z obrázka

Vlož obrázok a kliknutím na pixel získaš jeho farbu ako HEX, RGB, HSL, HSV a CMYK. Lupa, priemerovanie a zoznam vybraných farieb, všetko v prehliadači.

Ako vybrať farbu z obrázka

  1. Presuň obrázok do plochy na nahranie alebo na ňu klikni a vyber súbor (JPG, PNG, WebP, GIF alebo ľubovoľný formát, ktorý tvoj prehliadač zobrazí).
  2. Pohybuj ukazovateľom nad obrázkom. Lupa ukazuje zväčšené pixely okolo kurzora a Pod kurzorom udáva kód HEX naživo.
  3. Klikni na pixel, ktorý chceš. Vzorka Vybraná farba ho zobrazí s polohou pixelu a vedľa nej sa objavia kódy HEX, RGB, HSL, HSV a CMYK, každý s tlačidlom Kopírovať.
  4. Klikaj ďalej a zbieraj ďalšie farby: pridávajú sa do Vybrané farby, kde môžeš každú skopírovať. Vymazať zoznam ho vyprázdni.

Na telefóne alebo tablete na obrázok jednoducho ťukni. Na klávesnici aktivuj obrázok klávesom Tab, pohybuj sa šípkami (so Shiftom o 10 pixelov naraz) a výber potvrď klávesom Enter.

Obrázok nikdy neopustí tvoje zariadenie: dekóduje a číta ho iba tvoj prehliadač. Tvoje súbory zostávajú na tvojom zariadení: nikdy sa nenahrávajú.

Jeden pixel alebo priemer?

Ponuka Veľkosť vzorky určuje, koľko pixelov sa pri každom výbere číta:

  • 1 pixel vráti presnú farbu pixelu pod kurzorom. Použi ho pri plochých grafikách, logách, snímkach obrazovky a ikonách.
  • Priemer 3 × 3 a Priemer 5 × 5 vrátia priemernú farbu 9 alebo 25 okolitých pixelov. Použi ich pri fotografiách: kompresia JPEG a šum fotoaparátu spôsobujú, že susedné pixely sa mierne líšia, a priemer dá farbu, ktorá lepšie zodpovedá tomu, čo vidíš.

Štvorec orámovaný v lupe presne ukazuje, ktoré pixely sa započítavajú. Pri okrajoch obrázka sa počítajú len pixely, ktoré existujú.

Priehľadné pixely v súboroch PNG alebo WebP sa tiež spracúvajú: farba sa váži krytím, takže úplne priehľadné oblasti nepotiahnu výsledok k čiernej a čiastočne priehľadný výsledok dostane osemmiestny kód HEX s alfa kanálom, napríklad #FF000080.

Presnosť a obmedzenia

  • Farby sa čítajú v priestore sRGB plátna tvojho prehliadača. Obrázky uložené s iným farebným profilom (Adobe RGB, Display P3) prehliadač najprv prevedie, takže kódy zodpovedajú tomu, čo vidíš na obrazovke, no môžu sa mierne líšiť od surových hodnôt súboru, ktoré ukazuje editor fotografií.
  • Veľmi veľké obrázky sa zmenšia na 4 096 pixelov na dlhšej strane, aby bola spotreba pamäte rozumná. Nástroj ťa upozorní, keď sa to stane; na takýchto obrázkoch je každý vybraný pixel už malým priemerom originálu.
  • Hodnoty CMYK sú naivný prevod bez profilu ICC, použiteľný len ako hrubý odhad.

Často kladené otázky

Ako zistím kód HEX farby na obrázku?

Otvor obrázok v tomto nástroji a klikni na farbu. Kód HEX sa zobrazí v poli Vybraná farba; klikni vedľa neho na Kopírovať a vlož ho do CSS, Figmy, Canvy alebo ľubovoľnej inej aplikácie.

Prečo majú susedné pixely na mojej fotografii rôzne kódy?

Fotografie obsahujú šum, prechody a artefakty kompresie, takže dva pixely, ktoré vyzerajú rovnako, majú málokedy rovnakú hodnotu. V Veľkosť vzorky vyber Priemer 3 × 3 alebo Priemer 5 × 5 a získaš stabilnejšiu farbu.

Môžem vybrať farby zo snímky obrazovky webu?

Áno. Urob snímku obrazovky, ulož ju ako PNG a presuň sem. Snímky PNG sú bezstratové, takže s voľbou 1 pixel získaš presnú farbu použitú na stránke, pokiaľ obrazovka neuplatnila škálovanie ani správu farieb.

Nahráva sa môj obrázok?

Nie. Súbor otvorí tvoj prehliadač a vykreslí ho na plátne na tvojom zariadení. Na server sa nič neodosiela a zatvorením stránky sa zahodí.

Môžem získať celú paletu namiesto jednotlivých farieb?

Tento nástroj číta jednotlivé pixely. Hlavné farby obrázka získaš automaticky nástrojom na paletu z obrázka, ktorý zoskupí podobné pixely a vypíše dominantné farby s ich podielom.

Súvisiace nástroje