Generátor palety Material: škála farieb 50–900
Generátor palety Material vytvára 10-krokovú farebnú škálu v štýle Material Design, od 50 do 900, pomocou základnej farby a rampy jasu OKLch. Nastavte dostupné možnosti, vygenerujte paletu, potom kliknite na ľubovoľný krok, aby ste skopírovali jeho hodnotu. Výsledky použite v téme Material alebo pripravte hodnoty farieb pre testy, fixture a seed údaje.
Generátor palety Material je nástroj v prehliadači na vytváranie farebnej škály v štýle Material Design zo základnej farby. Vygeneruje desať označených krokov, od 50 po 900, čím uľahčuje vybudovanie palety farieb Material bez ručného výberu každej hodnoty. Použite ho na vytvorenie farebnej škály pre tému, vývojové údaje alebo vizuálne experimenty.
Generátor používa rampu jasu OKLch na vytvorenie škály. Začnite nastavením dostupných možností a vygenerovaním palety; každý výsledok je označený svojím krokom, napríklad 50, 100 alebo 900. Kliknite na krok, aby ste skopírovali jeho hodnotu, potom ju vložte tam, kde ju potrebujete. Pracovný postup podporuje kopírovanie jednotlivých hodnôt na použitie v téme Material, testoch, fixture alebo seed údajoch.
Jedna základná farba je jedna hodnota, zatiaľ čo škála palety poskytuje sadu súvisiacich krokov, ktoré môžu slúžiť rôznym potrebám v téme alebo projekte. Generátor palety Material vytvára desať krokov namiesto toho, aby ste museli hodnoty farieb vymýšľať manuálne. Očíslované označenia uľahčujú výber a odkaz na konkrétny bod škály.
Nástroj funguje úplne vo vašom prehliadači: váš vstup sa spracúva na vašom zariadení a neposiela sa na server. Registrácia nie je potrebná a po načítaní stránky generátor funguje offline bez pripojenia k serveru. Je užitočný pre vývojárov a DevOps inžinierov, ktorí pripravujú hodnoty tém, testovacie údaje, fixture, seed údaje alebo vzorky farieb.
Krok 1: Pred vygenerovaním palety nastavte dostupné možnosti. Nástroj použije vaše nastavenia na vytvorenie farebnej škály.
Krok 2: Vygenerujte paletu zo základnej farby. Výsledkom je 10-kroková škála v štýle Material Design označená 50, 100 a tak ďalej až po 900.
Krok 3: Skontrolujte vygenerované hodnoty farieb, aby ste našli kroky, ktoré potrebujete pre svoju tému, testy alebo iné údaje projektu.
Krok 4: Kliknite na krok palety, aby ste skopírovali jeho hodnotu, potom ju vložte do svojej témy Material alebo projektu.
Prípad použitia: Pripravte hodnoty palety Material pre testy, fixture alebo seed údaje. Vygenerovaná škála vám dáva konzistentnú sadu farebných krokov na použitie pri vývoji.
Prípad použitia: Vygenerujte celú dávku hodnôt farieb naraz namiesto vymýšľania hodnôt ručne. To môže urýchliť prípravu údajov palety pre projekt.
Prípad použitia: Získajte správne náhodné hodnoty farieb namiesto odhadov písaných na klávesnici, keď potrebujete farby pre vzorové údaje alebo experimenty.
Prípad použitia: Vybudujte tému Material zo základnej farby. Škála 50–900 vám poskytuje viacero krokov na skopírovanie do témy.
Prípad použitia: Vytvorte hodnoty farieb pre prototyp alebo vizuálny test. Kopírujte jednotlivé kroky podľa potreby bez manuálneho znovuvytvárania škály.
Prípad použitia: Pripravte opakovateľnú sadu hodnôt palety pre vývojovú prácu. Označené kroky uľahčujú identifikáciu a opätovné použitie farieb, ktoré potrebujete.