O výběru barev z obrázků
Extrakce barev z obrázků je nezbytná pro designéry, vývojáře a umělce. Ať už chcete sladit paletu značky, replikovat barevné schéma nebo hledáte inspiraci, výběr barev z fotek vám poskytne přesné hodnoty pixelů.
Jak to funguje
Nástroj načte váš obrázek na HTML5 plátno. Při najetí myší lupa ukazuje zvětšený pohled pixelů kolem kurzoru. Kliknutím se přečtou přesné RGB hodnoty daného pixelu pomocí getImageData() a převedou se na formáty hex, RGB a HSL.
Tipy pro lepší výběr barev
- Používejte obrázky ve vysokém rozlišení pro přesnější extrakci barev.
- Vyhněte se JPEG artefaktům — PNG nebo WebP obrázky lépe zachovávají přesné barvy.
- Vyberte více odstínů pro vytvoření kompletní palety z jednoho obrázku.
- Zkontrolujte HSL hodnoty pro pochopení vztahu odstínu, sytosti a světlosti.
Vysvětlení barevných formátů
- HEX: 6místná šestnáctková (např. #FF5733) — standard pro webdesign.
- RGB: hodnoty červená, zelená, modrá 0-255 — používá se v CSS a úpravě obrázků.
- HSL: Odstín (0-360°), Sytost %, Světlost % — intuitivní pro úpravu barev.