Čeština

Color Palette Editor

Importujte palety z více formátů, kombinujte je, filtrujte, řaďte a přejmenovávejte a exportujte je pro grafické nástroje nebo kód.

Spustit aplikaci Zdarma Bez instalace
Paleta 24 barev sloučená ze dvou souborů a seřazená podle odstínu, řady pojmenovaných vzorků s hex hodnotami vedle voleb vyloučení, řazení a exportu.Spustit aplikaci

Jedno pracoviště pro různé soubory palet

Otevřete jeden či více souborů, nebo přidejte další soubory k paletě, která už je na obrazovce. Editor rozumí vlastnímu formátu palet JSON (s polem colors), vzorníkům Adobe ASE a ACO, vlastním vlastnostem CSS, deklaracím barev v SVG a souborům TXT či SSS s hodnotami $AARRGGBB. Každá barva se zobrazí se jménem a hexadecimální hodnotou, připravená ke zkopírování, přejmenování nebo odebrání.

Vyčistit, seřadit, exportovat

  • Vyloučit černou, bílou, přesně šedé barvy a duplicitní hodnoty.
  • Nahradit průhlednost plnou neprůhledností.
  • Ponechat pořadí ze zdroje, nebo řadit vzestupně či sestupně podle odstínu, sytosti, jasu, jasu a pak odstínu, luminance nebo podle seskupení pro návrh uživatelských rozhraní.
  • Paletu pojmenovat a stáhnout jako JSON, Adobe ASE, Adobe ACO, přehled SVG nebo soubor CSS s vlastními vlastnostmi.

Od importu k hotové paletě

  1. Vyberte jeden nebo více podporovaných souborů; další můžete přidat později, pokud mají patřit do stejné palety.
  2. Nastavte vyloučení a zvolte způsob a směr řazení.
  3. Projděte vzorky, upravte názvy, zkopírujte hodnoty nebo odeberte barvy.
  4. Zadejte název palety.
  5. Stáhněte výsledek jako JSON, ASE, SVG, ACO nebo CSS.

Pro koho je určena

Pro designéry, frontendové vývojáře, ilustrátory a další, kdo potřebují sadu barev prohlédnout, vyčistit nebo převést bez instalace desktopového nástroje. Základní povědomí o souborech palet či stylů pomůže, vizuální zobrazení vzorků ale zvládne jednoduchou kontrolu a převod i bez odborných znalostí. Typicky jde o sloučení vzorků z několika souborů do jednoho předávaného souboru, převod barev z ASE nebo ACO na vlastní vlastnosti CSS pro webový projekt nebo vytažení barev z proměnných CSS či z ilustrace SVG.

Místní zpracování a hranice

Soubory palet se čtou a zpracovávají výhradně v prohlížeči a jejich obsah se nikam nenahrává; exportované soubory vznikají místně a prohlížeč je stáhne. Aplikace načítá všechny své soubory včetně písem ze své vlastní adresy a na třetí strany neposílá žádné požadavky. Jazyk, vzhled a nastavení zpracování si pamatuje místní úložiště prohlížeče; importované palety zůstávají jen v paměti po dobu relace stránky a po jejím zavření je aplikace neuchovává. Paleta ani nastavení se nezapisují do adresy URL, výsledky se proto sdílejí odesláním exportovaného souboru.

Nové barvy nelze vytvořit od nuly, editor vždy vychází z barev nalezených v importovaných souborech. Import CSS čte deklarace vlastních vlastností a podporuje hexadecimální zápis, rgb() či rgba() s čárkami a pojmenované barvy CSS; nevyhodnocuje styly, proměnné, přechody, hsl() ani moderní zápis barev oddělený mezerami. Import SVG získává podporované hodnoty z atributů fill, stroke a color nebo z vložených deklarací stylu, neřeší však propojené styly, výplně typu přechod ani zděděné a vypočtené barvy. Barvy Adobe v jiném modelu než RGB se pro úpravy i export převedou do RGB, takže původní barevný model a metadata přímých barev se nezachovají. Velmi velké nebo složité soubory omezuje dostupná paměť a výkon prohlížeče. Účet, cloudové úložiště, synchronizace ani společné úpravy nejsou k dispozici. Kopírování hodnot vyžaduje oprávnění ke schránce nebo zabezpečený kontext prohlížeče. Rozhraní je dostupné v 21 jazycích ve světlém, tmavém nebo systémovém vzhledu.

Hlavní prvky pro nahrání, filtrování, řazení, pojmenování a export jsou popsané formulářové prvky HTML dostupné z klávesnice a tlačítka vzhledu hlásí stav stisknutí. Některé interakce s paletou ale zůstávají vázané na ukazatel: samotný vzorek je klikací, není však ovládacím prvkem, na který lze přejít klávesnicí, a vygenerovaná paleta není čtečkám obrazovky zpřístupněna jako strukturovaná tabulka. Animace rozhraní zatím nereagují na předvolbu omezeného pohybu.