Online kapátko - Výběr barev z obrázku online zdarma

Přetáhněte obrázek sem

Podporované formáty: JPG, PNG, WebP, GIF

Potřebujete zjistit přesný odstín barvy z loga, fotografie nebo screenshotu? Naše online kapátko (Image Color Picker) je profesionální nástroj pro designéry, vývojáře i kreativce, který vám umožní během vteřiny extrahovat jakoukoliv barvu a získat její kód.

Zapomeňte na instalaci doplňků do prohlížeče nebo otevírání Photoshopu jen kvůli jedné barvě. Zde nahrajete obrázek a okamžitě získáte HEX, RGB, HSL a další formáty kódů připravené ke zkopírování.

Proč je toto kapátko lepší než ostatní?

Většina online nástrojů nabízí jen hrubý výběr myší. Náš Color Picker jde do hloubky a nabízí funkce pro pixelově dokonalou přesnost.

1. Chirurgická přesnost díky Zoomu (až 32x) 🔍

Trefit se na monitoru přesně na ten jeden správný pixel může být boj. Náš nástroj nabízí lupu s přiblížením až 3200 %.

  • Pomocí tlačítek + a - si detail přiblížíte.
  • Zapněte si funkci Mřížka (Grid), abyste viděli hranice jednotlivých pixelů. Už nikdy nekliknete vedle.

2. Automatická detekce dominantních barev 🎨

Nevíte, jakou paletu zvolit? Náš algoritmus automaticky analyzuje nahraný obrázek a vytáhne z něj paletu dominantních barev.

  • Ideální pro webdesignéry, kteří hledají doplňkové barvy k hlavnímu motivu fotky.
  • Okamžitě vidíte kódy nejčastěji zastoupených odstínů bez nutnosti klikání.

3. Podpora všech moderních barevných modelů

Svět není jen o RGB. Náš nástroj vám pro každou vybranou barvu vypíše kompletní sadu kódů:

  • HEX: Pro HTML a CSS (např. #202020).
  • RGB: Pro digitální grafiku.
  • HSL / HSV / LCH: Pro pokročilé ladění odstínů a sytosti.
  • Kopírování na jedno kliknutí: Stačí kliknout na ikonku vedle kódu a máte ho ve schránce.

Kdo a k čemu extrakci barev z fotografie využije?

Identifikace barev z obrázků (Image Color Picking) má široké využití:

  • Weboví vývojáři a kodéři: Dostali jste od klienta logo v JPG a potřebujete nastavit stejnou barvu pozadí webu? Jednoduše nahrajte logo a zjistěte přesný HEX kód.
  • Grafičtí designéři: Líbí se vám barevné schéma na fotce z přírody? Extrahujte si dominantní barvy a vytvořte si harmonickou paletu pro svůj další projekt.
  • E-shopy a marketing: Potřebujete sladit barvu tlačítka “Koupit” s produktovou fotkou? Pomocí kapátka najdete odstín, který k produktu perfektně ladí.
  • Malíři a dekoratéři: Máte fotku interiéru a chcete namíchat barvu na stěnu? Zjistěte její digitální hodnotu a použijte ji jako referenci pro míchání barev.

Historie vybraných barev kapátka

Při práci často zkoušíte více míst na obrázku. Náš nástroj si pamatuje historii vašich kliknutí.

  • Nemusíte si kódy psát bokem na papír.
  • V sekci “Historie vybraných barev” najdete všechny odstíny, na které jste klikli, a můžete se k nim kdykoliv vrátit.
  • Historii můžete jedním tlačítkem promazat a začít nanovo.

Návod: Jak zjistit kód barvy z obrázku?

  1. Nahrajte obrázek: Přetáhněte soubor (JPG, PNG, WebP, GIF) do vyznačené oblasti nebo klikněte na “Procházet soubory”.
  2. Najděte barvu:
    • Klikněte kamkoliv do náhledu obrázku.
    • Pro přesný výběr použijte Zoom a zaškrtněte Mřížku.
  3. Zkopírujte kód: V panelu pod obrázkem se okamžitě zobrazí aktuální barva. Kliknutím na ikonu kopírování si uložte formát, který potřebujete (např. HEX nebo RGB).
  4. Inspirujte se: Podívejte se na sekci Dominantní barvy, kde najdete automaticky vygenerovanou paletu z vašeho obrázku.

Často kladené otázky (FAQ)

Jsou mé obrázky v bezpečí? Kde se ukládají? Ano, maximální bezpečnost je zaručena. Celý proces analýzy barev probíhá lokálně ve vašem prohlížeči (Client-side). Obrázky se nikdy neodesílají na žádný server, takže nikdo jiný je neuvidí.
Co je to HEX kód a k čemu slouží? HEX kód je šestiboký zápis barvy začínající křížkem (např. #FF5733), který se nejčastěji používá ve webdesignu (HTML a CSS). Náš nástroj ho generuje automaticky pro každý pixel.
Funguje kapátko na mobilu? Ano, nástroj je plně responzivní. Na dotykovém displeji můžete prstem posouvat obrázek a vybírat barvy. Pro přesnější výběr na malém displeji doporučujeme využít funkci přiblížení (Zoom).
Co znamená LCH a HSV? Jde o alternativní modely zobrazení barev. HSV (Hue, Saturation, Value) je oblíbený mezi grafiky pro intuitivní úpravu jasu. **LCH** je moderní model, který lépe odpovídá tomu, jak barvy vnímá lidské oko, a je stále důležitější v moderním CSS.