# Online kapátko

> Nahrajte obrázek, klikněte na barvu a její kód v HEX, RGB nebo HSL máte ve schránce. Pixelová lupa, zoom a paleta dominantních barev. Zdarma, bez registrace.

URL: https://acrafto.com/cs/vyber-barev-z-obrazku/  
Updated: 2026-09-22

Tools are interactive browser apps; there is no public API, no endpoints to call and no server-side processing. To use a tool, open its HTML page in a browser.

Potřebujete zjistit, jaká barva je v logu, na fotce nebo na screenshotu? Nahrajte obrázek, najeďte myší na místo, které vás zajímá, a klikněte. Kód barvy se rovnou zkopíruje do schránky ve formátu, který si zvolíte: **HEX, RGB, HSL, HSV nebo LCH**. Nic neinstalujete a obrázek neopouští váš počítač.

## Jak zjistit barvu z obrázku

1. **Nahrajte obrázek.** Přetáhněte ho do okna nebo klikněte na „Procházet soubory“. Kapátko zvládne JPG, PNG, WebP i GIF.
2. **Zvolte formát.** Nad obrázkem vyberte, v jakém zápisu chcete barvu kopírovat. Pro web se většinou hodí HEX, pro grafické programy RGB. Volbu si nástroj zapamatuje.
3. **Najeďte na barvu.** U kurzoru se objeví lupa se zvětšenými okolními pixely a pod ní kód barvy.
4. **Klikněte.** Kód je ve schránce a barva se uloží do záložky Vybrané barvy. Stačí ji vložit tam, kde ji potřebujete.

Chcete zkusit jiný obrázek? Přetáhněte ho rovnou na ten současný, nebo ho smažte ikonou koše.

## Co online kapátko umí

### Lupa, která ukáže každý pixel

Běžná pipeta ukáže jen barvu pod kurzorem, a trefit tenký okraj písmene je pak loterie. Naše lupa zvětší okolí kurzoru na 11 × 11 pixelů a ten prostřední orámuje. Přesně vidíte, na co kliknete, ještě než kliknete.

### Zoom až na jednotlivé pixely

Tlačítky plus a minus nebo kolečkem myši se stisknutým Ctrl obrázek přiblížíte až 64krát. Se zapnutou mřížkou uvidíte hranice pixelů, takže u ikon, pixel artu nebo drobného textu kliknete přesně tam, kam chcete.

### Barva z originálu, ne ze zmenšeniny

Řada online nástrojů si obrázek zmenší a barvu čte z náhledu, kde se sousední pixely slijí dohromady. Naše kapátko pracuje s obrázkem v plném rozlišení (až 4096 px na delší straně), takže dostanete skutečnou barvu pixelu.

### Kopírování jedním kliknutím

Žádné označování textu ani přepisování čísel. Každé kliknutí do obrázku zkopíruje kód ve zvoleném formátu. Když stejnou barvu potřebujete i v jiném zápisu, detail barvy nabízí všech pět formátů, každý s vlastním tlačítkem pro kopírování.

### Paleta dominantních barev

Hned po nahrání nástroj najde až osm barev, které v obrázku převládají, a ukáže je v záložce Dominantní barvy. Téměř stejné odstíny sloučí, takže v paletě nenajdete pět variant šedé. Průhledné části PNG vynechá. Paleta se hodí jako základ barevného schématu pro web, prezentaci nebo příspěvky na sociální sítě. Jestli si barvy drží dostatečný kontrast i bez odstínu, rychle ověříte [převodem obrázku do odstínů šedi](https://acrafto.com/cs/odstiny-sedi/).

### Vybrané barvy pořád na očích

Každá barva, na kterou kliknete, se uloží do záložky Vybrané barvy (posledních 24). Můžete tak porovnat několik míst v obrázku a kdykoliv se k nim vrátit. Na velké obrazovce je panel s barvami hned vedle obrázku.

## K čemu se hodí zjistit kód barvy z obrázku

- **Web a aplikace:** Klient poslal logo jen jako JPG a vy potřebujete přesnou barvu značky do CSS. Když k němu chcete i verzi s průhledným pozadím, použijte [odstranění pozadí z obrázku](https://acrafto.com/cs/odstranovac-pozadi/).
- **Grafika a sociální sítě:** Chcete, aby text na příspěvku ladil s fotkou. Vezměte barvu přímo z ní.
- **Prezentace a dokumenty:** Barvy firemního loga nastavíte v PowerPointu, Google Slides nebo Canvě přes HEX nebo RGB.
- **Kontrola návrhu:** Na screenshotu ověříte, jestli má tlačítko v aplikaci opravdu tu barvu, kterou předepisuje design. Velikost exportovaných podkladů pak zkontrolujete v [analýze rozměrů obrázků](https://acrafto.com/cs/rozmery-obrazku/).
- **Interiér a móda:** Máte fotku látky nebo stěny a hledáte podobný odstín. Kód poslouží jako výchozí bod při výběru ve vzorníku.

## Formáty barev, které kapátko vrací

- **HEX** (`#1373b6`): zápis pro HTML, CSS a většinu grafických nástrojů.
- **RGB** (`rgb(19, 115, 182)`): podíl červené, zelené a modré, každá od 0 do 255. Jak aditivní míchání barev funguje, popisuje [Wikipedie](https://cs.wikipedia.org/wiki/RGB).
- **HSL** (`hsl(205, 81%, 39%)`): odstín, sytost a světlost. Snadno z něj připravíte světlejší nebo tmavší variantu.
- **HSV**: odstín, sytost a jas, jak je znáte z výběru barvy ve Photoshopu nebo GIMPu. Rozdíl mezi HSL a HSV podrobně vysvětluje [Wikipedie](https://cs.wikipedia.org/wiki/HSV).
- **LCH**: model, který odpovídá tomu, jak barvy vnímá lidské oko. Kopíruje se v zápisu, kterému rozumí moderní CSS (viz [dokumentace MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/color_value/lch), anglicky).

Kapátko barvu z obrázku zjistí. Když ji chcete dál upravovat, převést do dalších formátů nebo k ní hledat ladící odstíny, pokračujte do [barevného kola](https://acrafto.com/cs/barevne-kolo/).

## Časté otázky

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

Ne. Obrázek se načte a zpracuje přímo ve vašem prohlížeči, nikam se neodesílá a po zavření stránky po něm nic nezůstane. Kapátko tak klidně použijete i na interní podklady nebo nezveřejněné návrhy.

### Jak zjistit HEX kód barvy z fotky?

Nahrajte fotku, nad obrázkem nechte zvolený formát HEX a klikněte na místo s barvou, kterou hledáte. Kód, například `#75dab2`, máte hned ve schránce.

### Proč se barva z fotky liší od skutečnosti?

Fotoaparát barvy ovlivní osvětlením, [vyvážením bílé](https://cs.wikipedia.org/wiki/Vyv%C3%A1%C5%BEen%C3%AD_b%C3%ADl%C3%A9) i kompresí. Kapátko vrací přesně tu barvu, která je uložená v souboru. U fotek proto klikněte na několik míst a porovnejte je v záložce Vybrané barvy. Když podle kódu mícháte barvu na zeď, berte ho jako orientační.

### Funguje kapátko na mobilu?

Ano. Na dotykovém displeji klepnete na místo v obrázku a kód se zkopíruje stejně jako na počítači. Lupa u kurzoru se na mobilu nezobrazuje, proto u drobných detailů obrázek nejdřív přibližte.

### Jaký je rozdíl mezi HEX a RGB?

Oba zápisy popisují tutéž barvu. RGB ji vyjadřuje třemi čísly od 0 do 255, HEX zapisuje stejná čísla v šestnáctkové soustavě za znakem #. Například `rgb(255, 87, 51)` je totéž co `#ff5733`.

### Jak z obrázku získat celou barevnou paletu?

Otevřete záložku Dominantní barvy. Najdete v ní až osm hlavních barev obrázku a kliknutím na kteroukoliv z nich zkopírujete její kód.

## Other languages

- Slovenčina (sk): [Online kvapátko](https://acrafto.com/sk/online-kvapatko-vyber-farieb-z-obrazku/) ([Markdown](https://acrafto.com/sk/online-kvapatko-vyber-farieb-z-obrazku/index.md))
- English (en): [Image Color Picker](https://acrafto.com/en/online-image-color-picker/) ([Markdown](https://acrafto.com/en/online-image-color-picker/index.md))
- Deutsch (de): [Farbe aus Bild bestimmen](https://acrafto.com/de/farbauswahl-bild-online/) ([Markdown](https://acrafto.com/de/farbauswahl-bild-online/index.md))
- Français (fr): [Pipette à couleurs](https://acrafto.com/fr/pipette-couleur-image-en-ligne/) ([Markdown](https://acrafto.com/fr/pipette-couleur-image-en-ligne/index.md))
- Español (es): [Cuentagotas de imagen online](https://acrafto.com/es/selector-colores-imagen-online/) ([Markdown](https://acrafto.com/es/selector-colores-imagen-online/index.md))
- Italiano (it): [Contagocce colore](https://acrafto.com/it/selettore-colori-online-da-immagine/) ([Markdown](https://acrafto.com/it/selettore-colori-online-da-immagine/index.md))
- Português (pt): [Conta-gotas online](https://acrafto.com/pt/extrator-cores-imagem-online/) ([Markdown](https://acrafto.com/pt/extrator-cores-imagem-online/index.md))
- Nederlands (nl): [Kleur uit afbeelding halen](https://acrafto.com/nl/online-kleurenpipet/) ([Markdown](https://acrafto.com/nl/online-kleurenpipet/index.md))
- Polski (pl): [Kroplomierz kolorów z obrazu](https://acrafto.com/pl/kroplomierz-online-kolory-z-obrazu/) ([Markdown](https://acrafto.com/pl/kroplomierz-online-kolory-z-obrazu/index.md))
- Română (ro): [Pipetă de culori din imagine](https://acrafto.com/ro/selector-culori-imagine-online/) ([Markdown](https://acrafto.com/ro/selector-culori-imagine-online/index.md))
- Magyar (hu): [Színpipetta](https://acrafto.com/hu/kep-szinkivalaszto/) ([Markdown](https://acrafto.com/hu/kep-szinkivalaszto/index.md))
- Ελληνικά (el): [Σταγονόμετρο εικόνας](https://acrafto.com/el/image-color-picker/) ([Markdown](https://acrafto.com/el/image-color-picker/index.md))
- Български (bg): [Онлайн пипетка за цвят от снимка](https://acrafto.com/bg/image-color-picker/) ([Markdown](https://acrafto.com/bg/image-color-picker/index.md))
- Hrvatski (hr): [Pipeta za boje](https://acrafto.com/hr/alat-za-odabir-boja-slike/) ([Markdown](https://acrafto.com/hr/alat-za-odabir-boja-slike/index.md))
- Slovenščina (sl): [Barvna kapalka za slike](https://acrafto.com/sl/spletni-izbirnik-barv-iz-slike/) ([Markdown](https://acrafto.com/sl/spletni-izbirnik-barv-iz-slike/index.md))
- Eesti (et): [Pildi värvipipett](https://acrafto.com/et/pildi-varvivalija/) ([Markdown](https://acrafto.com/et/pildi-varvivalija/index.md))
- Latviešu (lv): [Krāsu pipete](https://acrafto.com/lv/krasu-pipete-online/) ([Markdown](https://acrafto.com/lv/krasu-pipete-online/index.md))
- Lietuvių (lt): [Spalvų pipetė](https://acrafto.com/lt/image-color-picker/) ([Markdown](https://acrafto.com/lt/image-color-picker/index.md))
- Svenska (sv): [Färgplockare från bild](https://acrafto.com/sv/fargplockare-fran-bild/) ([Markdown](https://acrafto.com/sv/fargplockare-fran-bild/index.md))
- Dansk (da): [Farvekode fra billede](https://acrafto.com/da/farvevaelger-fra-billede/) ([Markdown](https://acrafto.com/da/farvevaelger-fra-billede/index.md))
- Suomi (fi): [Poimi väri kuvasta](https://acrafto.com/fi/kuvan-varinvalitsin/) ([Markdown](https://acrafto.com/fi/kuvan-varinvalitsin/index.md))
- Norsk (no): [Fargeplukker](https://acrafto.com/no/online-fargevelger/) ([Markdown](https://acrafto.com/no/online-fargevelger/index.md))
- Українська (uk): [Піпетка кольору з фото](https://acrafto.com/uk/onlajn-pipetka-koloru/) ([Markdown](https://acrafto.com/uk/onlajn-pipetka-koloru/index.md))
- Русский (ru): [Онлайн-пипетка](https://acrafto.com/ru/vybor-tsveta-iz-izobrazheniya-onlajn/) ([Markdown](https://acrafto.com/ru/vybor-tsveta-iz-izobrazheniya-onlajn/index.md))
- Српски (sr): [Kapaljka za boje](https://acrafto.com/sr/odabir-boje-sa-slike/) ([Markdown](https://acrafto.com/sr/odabir-boje-sa-slike/index.md))
- Македонски (mk): [Пипета за бои од слика](https://acrafto.com/mk/izbirac-boja/) ([Markdown](https://acrafto.com/mk/izbirac-boja/index.md))
- Bosanski (bs): [Kapaljka za boje](https://acrafto.com/bs/online-birac-boja/) ([Markdown](https://acrafto.com/bs/online-birac-boja/index.md))
- Shqip (sq): [Pikues ngjyrash nga imazhi](https://acrafto.com/sq/pikues-ngjyrash-online-imazhi/) ([Markdown](https://acrafto.com/sq/pikues-ngjyrash-online-imazhi/index.md))
- Türkçe (tr): [Resimden renk kodu bulma](https://acrafto.com/tr/resimden-renk-secici/) ([Markdown](https://acrafto.com/tr/resimden-renk-secici/index.md))
- 日本語 (ja): [画像スポイト](https://acrafto.com/ja/image-color-picker/) ([Markdown](https://acrafto.com/ja/image-color-picker/index.md))
- 한국어 (ko): [이미지 색상 추출기](https://acrafto.com/ko/image-color-picker/) ([Markdown](https://acrafto.com/ko/image-color-picker/index.md))
- العربية (ar): [استخراج اللون من الصورة](https://acrafto.com/ar/image-color-picker/) ([Markdown](https://acrafto.com/ar/image-color-picker/index.md))
- हिन्दी (hi): [इमेज कलर पिकर](https://acrafto.com/hi/online-color-picker-tool/) ([Markdown](https://acrafto.com/hi/online-color-picker-tool/index.md))
- Bahasa Indonesia (id): [Ambil warna dari gambar](https://acrafto.com/id/pemilih-warna-gambar-online/) ([Markdown](https://acrafto.com/id/pemilih-warna-gambar-online/index.md))
- Tiếng Việt (vi): [Lấy màu từ ảnh](https://acrafto.com/vi/image-color-picker-online/) ([Markdown](https://acrafto.com/vi/image-color-picker-online/index.md))
- ไทย (th): [ดูดสีจากรูปภาพ](https://acrafto.com/th/image-color-picker-online/) ([Markdown](https://acrafto.com/th/image-color-picker-online/index.md))
- עברית (he): [טפטפת צבעים](https://acrafto.com/he/image-color-picker/) ([Markdown](https://acrafto.com/he/image-color-picker/index.md))