Color Palette Editor

Jedno pracovisko pre rôzne súbory paliet

Otvorte jeden alebo viac súborov, prípadne pridajte ďalšie k palete, ktorá je už na obrazovke. Editor rozumie vlastnému formátu palety JSON (s poľom colors), vzorkám Adobe ASE a ACO, vlastným vlastnostiam CSS, deklaráciám farieb v SVG a súborom TXT či SSS s hodnotami $AARRGGBB. Každá farba sa zobrazí s názvom a hexadecimálnou hodnotou, pripravená na skopírovanie, premenovanie alebo odstránenie.

Vyčistiť, zoradiť, exportovať

• Vylúčte čiernu, bielu, presne sivé farby a duplicitné hodnoty.
• Podľa potreby nahraďte priehľadnosť plnou nepriehľadnosťou.
• Ponechajte pôvodné poradie alebo triedte vzostupne či zostupne podľa odtieňa, sýtosti, jasu, jasu a potom odtieňa, luminancie alebo podľa zoskupenia pre návrh rozhraní.
• Paletu pomenujte a stiahnite ako JSON, Adobe ASE, Adobe ACO, prehľad SVG alebo súbor CSS s vlastnými vlastnosťami.

Od importu k hotovej palete

1. Vyberte jeden alebo viac podporovaných súborov; ďalšie pridajte neskôr, ak majú patriť do tej istej palety.
2. Nastavte vylúčenia a zvoľte spôsob a smer triedenia.
3. Prejdite vzorky, upravte názvy, skopírujte hodnoty alebo odstráňte farby.
4. Zadajte názov palety.
5. Stiahnite výsledok ako JSON, ASE, SVG, ACO alebo CSS.

Komu sa hodí

Dizajnérom, frontendovým vývojárom, ilustrátorom a všetkým, ktorí potrebujú sadu farieb skontrolovať, vyčistiť alebo previesť bez inštalácie desktopového nástroja. Základné povedomie o súboroch paliet či štýlov pomôže, vizuálne zobrazenie vzoriek však zvládne jednoduchú kontrolu a prevod aj bez odborných znalostí. Typicky ide o spojenie vzoriek z viacerých súborov do jedného odovzdávaného súboru, prevod farieb z ASE alebo ACO na vlastné vlastnosti CSS pre webový projekt alebo vytiahnutie farieb z premenných CSS či ilustrácie SVG.

Lokálne spracovanie a hranice

Súbory paliet sa čítajú a spracúvajú výhradne v prehliadači a ich obsah sa nikam nenahráva; exportované súbory vznikajú lokálne a prehliadač ich stiahne. Aplikácia načítava všetky svoje súbory vrátane písiem zo svojej vlastnej adresy a tretím stranám neposiela žiadne požiadavky. Jazyk, vzhľad a nastavenia spracovania si pamätá lokálne úložisko prehliadača; importované palety zostávajú v pamäti iba počas relácie stránky a po jej zatvorení ich aplikácia neuchováva. Paleta ani nastavenia sa nezapisujú do adresy URL, výsledky sa preto zdieľajú odoslaním exportovaného súboru.

Nové farby nemožno vytvoriť od nuly, editor vždy vychádza z farieb nájdených v importovaných súboroch. Import CSS číta deklarácie vlastných vlastností a podporuje hexadecimálny zápis, rgb() či rgba() s čiarkami a pomenované farby CSS; nevyhodnocuje štýly, premenné, prechody, hsl() ani moderný zápis farieb oddelený medzerami. Import SVG získava podporované hodnoty z atribútov fill, stroke a color alebo z vložených deklarácií štýlu, nerieši však prepojené štýly, výplne typu prechod ani zdedené a vypočítané farby. Farby Adobe v inom modeli než RGB sa na úpravy aj export prevedú do RGB, takže pôvodný farebný model a metadáta priamych farieb sa nezachovajú. Veľmi veľké alebo zložité súbory obmedzuje pamäť a výkon prehliadača. Konto, cloudové úložisko, synchronizácia ani spoločné úpravy nie sú k dispozícii. Kopírovanie hodnôt vyžaduje povolenie pre schránku alebo zabezpečený kontext prehliadača. Rozhranie je dostupné v 21 jazykoch vo svetlom, tmavom alebo systémovom vzhľade.

Hlavné prvky na nahrávanie, filtrovanie, triedenie, pomenovanie a export sú označené formulárové prvky HTML dostupné z klávesnice a tlačidlá vzhľadu hlásia stav stlačenia. Niektoré interakcie s paletou však zostávajú viazané na ukazovateľ: samotná vzorka je klikateľná, nie je však ovládacím prvkom, na ktorý sa dá prejsť klávesnicou, a vygenerovaná paleta nie je čítačkám obrazovky sprístupnená ako štruktúrovaná tabuľka. Animácie rozhrania zatiaľ nereagujú na predvoľbu obmedzeného pohybu.