Image Color Extractor analyzuje libovolný obrázek (přetáhněte, vložte nebo klikněte pro nahrání) a vrátí až 16 dominantních barev s procentuálním zastoupením. Využívá vzorkování pixelů přímo v prohlížeči a kvantizaci do bucketů — žádné nahrávání, žádná komunikace se serverem. Kliknutím na vzorek zkopírujete jeho hex kód, nebo použijte Copy All pro celou paletu.
Designéři a vývojáři neustále potřebují získávat barvy z obrázků — vytáhnout barvy značky z loga, sestavit paletu z fotografie, sladit UI s referenčním návrhem. Image Color Extractor to zvládne přímo v prohlížeči bez nahrávání. Přetáhněte, vložte nebo klikněte pro nahrání obrázku (PNG, JPG, SVG, WebP, GIF). Nástroj vykreslí zmenšenou verzi na canvas, vzorkuje každý 4. pixel, rozdělí je do zjednodušeného barevného prostoru (5 bitů na kanál, cca 32 000 bucketů), zprůměruje skutečnou RGB hodnotu každého bucketu a poté vybere N nejpočetnějších bucketů, přičemž slučuje téměř identické barvy (v rámci Manhattan vzdálenosti 24 v RGB). Výsledkem je čistá, reprezentativní paleta, která odráží skutečné vizuální složení obrázku — ne jen pixelově nejpřesnější shody. Posuvník počtu (3–16) umožňuje nastavit velikost palety podle potřeby. Každý vzorek zobrazuje hex hodnotu a procento pixelů; kliknutím zkopírujete jednotlivě, nebo použijte Copy All pro vše najednou.
Načte libovolný běžný formát obrázku a vytvoří paletu dominantních barev za necelou sekundu, i u velkých obrázků.
Každá extrahovaná barva zobrazuje procento plochy obrázku, které zabírá — na první pohled poznáte, které jsou dominantní a které jen doplňkové.
Posuvník pro výběr 3–16 barev. Malé palety pro práci se značkou; větší pro fotografické reference.
Kliknutím na vzorek zkopírujete jeho hex kód. Nebo použijte Copy All a získáte celou paletu jako seznam oddělený řádky pro hromadné použití.
Žádné nahrávání, žádné volání serveru, obrázek neopustí váš počítač. Bezpečné pro soukromé návrhy, nezveřejněné materiály nebo citlivou grafiku.
PNG, JPG, SVG, WebP, GIF, ICO — vše podporováno pomocí standardního dekódování přes canvas. Průhledné pixely se automaticky přeskakují.
Přetáhněte obrázek loga, extrahujte přesně použité barvy a zkopírujte je do CSS proměnných vaší značky nebo design systému.
Nahrajte fotografii krajiny a získejte 5barevnou paletu, která zachycuje její náladu — užitečné pro art direction nebo tvorbu motivů.
Pořiďte snímek referenčního UI, extrahujte paletu a použijte tyto barvy ve vlastním návrhu, abyste dosáhli podobného vizuálního dojmu.
Když klient pošle jediný obrázek jako směr pro branding, extrahujte 8–10 barev a navrhněte výchozí paletu, která zůstává věrná referenci.
Získejte dvě nejdominantnější barvy z obrázku a vytvořte z nich barevný přechod na pozadí, který doplňuje popředí.
Klikněte na ikonu Image Colors v docku DevSuite Pro. Otevře se panel s oblastí pro nahrání a nastavením.
Přetáhněte soubor, vložte ze schránky (Ctrl+V), nebo klikněte pro otevření výběru souboru. Nástroj automaticky načte a vzorkuje pixely.
Pomocí posuvníku vyberte, kolik barev extrahovat (3–16). Paleta se přepočítá okamžitě při posunu.
Každý vzorek zobrazuje svůj hex kód a procento plochy obrázku. Sledujte dominantní barvy — budou mít nejvyšší procenta.
Kliknutím na vzorek zkopírujete jeho hex kód, nebo použijte Copy All a získejte celou paletu jako seznam pro použití v designovém nástroji nebo CSS.
Nainstalujte si DevSuite Pro zdarma a odemkněte 64+ vývojářských nástrojů pro svůj prohlížeč.
