Color Palette Editor

Jedan radni prostor za različite datoteke paleta

Otvorite jednu ili više datoteka ili dodajte nove paleti koja je već na zaslonu. Uređivač razumije vlastiti JSON format palete (s poljem colors), Adobeove uzorke ASE i ACO, prilagođena svojstva CSS-a, deklaracije boja u SVG-u te datoteke TXT ili SSS s vrijednostima $AARRGGBB. Svaka se boja prikazuje s nazivom i heksadekadskom vrijednošću, spremna za kopiranje, preimenovanje ili uklanjanje.

Očistiti, razvrstati, izvesti

• Isključite crnu, bijelu, točno sive boje i dvostruke vrijednosti.
• Po potrebi zamijenite prozirnost punom neprozirnošću.
• Zadržite izvorni redoslijed ili razvrstajte uzlazno ili silazno po tonu, zasićenosti, svjetlini, svjetlini pa tonu, luminanciji ili po grupiranju namijenjenom dizajnu sučelja.
• Imenujte paletu i preuzmite je kao JSON, Adobe ASE, Adobe ACO, SVG pregled ili CSS datoteku s prilagođenim svojstvima.

Od uvoza do gotove palete

1. Odaberite jednu ili više podržanih datoteka; ostale dodajte kasnije ako trebaju ući u istu paletu.
2. Postavite isključenja i odaberite način i smjer razvrstavanja.
3. Pregledajte uzorke, uredite nazive, kopirajte vrijednosti ili uklonite boje.
4. Upišite naziv palete.
5. Preuzmite rezultat kao JSON, ASE, SVG, ACO ili CSS.

Kome odgovara

Dizajnerima, frontend razvijateljima, ilustratorima i svima koji trebaju pregledati, očistiti ili pretvoriti skup boja bez instaliranja desktop alata. Osnovno poznavanje datoteka paleta ili stilova pomaže, ali vizualni prikaz uzoraka omogućuje jednostavan pregled i pretvorbu i bez stručnog znanja. Tipični primjeri su spajanje uzoraka iz više datoteka u jednu isporuku, pretvaranje boja iz ASE-a ili ACO-a u prilagođena CSS svojstva za web-projekt te izdvajanje boja iz CSS varijabli ili SVG ilustracije.

Lokalna obrada i ograničenja

Datoteke paleta čitaju se i obrađuju u cijelosti u pregledniku, a njihov se sadržaj ne učitava na poslužitelj; izvezene datoteke nastaju lokalno i preglednik ih preuzima. Aplikacija sve svoje datoteke, uključujući fontove, učitava sa svoje adrese i ne šalje zahtjeve trećim stranama. Jezik, tema i postavke obrade pamte se u lokalnoj pohrani preglednika; uvezene palete ostaju u memoriji samo tijekom sesije stranice i aplikacija ih nakon zatvaranja ne čuva. Paleta i postavke ne upisuju se u URL, pa se rezultati dijele slanjem izvezene datoteke.

Nove boje ne mogu se stvoriti od nule; polazište su uvijek boje pronađene u uvezenim datotekama. Uvoz CSS-a čita deklaracije prilagođenih svojstava i podržava heksadekadski zapis, rgb() ili rgba() sa zarezima te imenovane CSS boje; ne izvršava stilske listove, varijable, prijelaze, hsl() ni moderni zapis boja odvojen razmacima. Uvoz SVG-a izdvaja podržane vrijednosti iz atributa fill, stroke i color ili iz ugrađenih stilova, ali ne razrješava povezane stilske listove, ispune prijelazima ni naslijeđene i izračunate boje. Adobeove boje izvan RGB modela pretvaraju se u RGB za uređivanje i izvoz, pa se izvorni model boja i metapodaci spotnih boja ne čuvaju. Vrlo velike ili složene datoteke ograničene su memorijom i brzinom preglednika. Nema računa, pohrane u oblaku, sinkronizacije ni zajedničkog uređivanja. Kopiranje vrijednosti zahtijeva dopuštenje za međuspremnik ili siguran kontekst preglednika. Sučelje je dostupno na 21 jeziku, u svijetlom, tamnom ili sistemskom izgledu.

Glavne kontrole za učitavanje, filtriranje, razvrstavanje, imenovanje i izvoz označeni su HTML elementi obrasca dostupni tipkovnicom, a gumbi za temu pokazuju stanje pritiska. Neke radnje s paletom ipak ostaju vezane uz pokazivač: sam uzorak može se kliknuti, ali nije kontrola do koje se dolazi tipkovnicom, a generirana paleta nije čitačima zaslona ponuđena kao strukturirana tablica. Animacije sučelja zasad ne poštuju postavku smanjenog kretanja.