Generator palete Material: scară de culori 50–900
Generator de palete Material creează o scară de culori în stil Material Design de 10 pași, de la 50 la 900, folosind o culoare de bază și o rampă de luminozitate OKLch. Setează opțiunile disponibile, generează paleta, apoi fă clic pe orice pas pentru a-i copia valoarea. Folosește rezultatele într-o temă Material sau pregătește valori de culoare pentru teste, fixtures și date de seed.
Generator de palete Material este un instrument din browser pentru crearea unei scări de culori în stil Material Design dintr-o culoare de bază. Generează zece pași etichetați, de la 50 până la 900, facilitând construirea unei palete de culori Material fără a alege manual fiecare valoare. Folosește-l pentru a crea o scară de culori pentru o temă, date de dezvoltare sau experimente vizuale.
Generatorul folosește o rampă de luminozitate OKLch pentru a produce scara. Începe prin a seta opțiunile disponibile și a genera paleta; fiecare rezultat este etichetat cu pasul său, precum 50, 100 sau 900. Fă clic pe un pas pentru a-i copia valoarea, apoi lipește-o unde ai nevoie. Fluxul de lucru acceptă copierea valorilor individuale pentru a fi folosite într-o temă Material, teste, fixtures sau date de seed.
O singură culoare de bază este o valoare, în timp ce o scară de paletă oferă un set de pași relaționați care pot servi diferite nevoi într-o temă sau un proiect. Generator de palete Material creează zece pași, nu îți cere să inventezi manual valori de culoare. Etichetele numerotate fac simplă alegerea și referirea unui anumit punct din scară.
Instrumentul rulează complet în browserul tău: intrarea este procesată pe dispozitivul tău și nu este trimisă către un server. Nu este necesară înregistrarea, iar odată ce pagina s-a încărcat, generatorul funcționează offline fără conexiune la server. Este util pentru dezvoltatori și ingineri DevOps care pregătesc valori de temă, date de test, fixtures, date de seed sau mostre de culoare.
Pasul 1: Setează opțiunile disponibile înainte de a-ți genera paleta. Instrumentul folosește setările tale pentru a crea scara de culori.
Pasul 2: Generează paleta dintr-o culoare de bază. Rezultatul este o scară în stil Material Design de 10 pași etichetată 50, 100 și așa mai departe până la 900.
Pasul 3: Verifică valorile de culoare generate pentru a găsi pașii de care ai nevoie pentru tema, testele sau alte date de proiect.
Pasul 4: Fă clic pe un pas al paletei pentru a-i copia valoarea, apoi lipește-o în tema ta Material sau în proiect.
Caz de utilizare: Pregătește valori de paletă Material pentru teste, fixtures sau date de seed. O scară generată îți oferă un set consecvent de pași de culoare de folosit în dezvoltare.
Caz de utilizare: Generează un întreg lot de valori de culoare deodată în loc să inventezi valori manual. Acest lucru poate face mai rapidă pregătirea datelor de paletă pentru un proiect.
Caz de utilizare: Obține valori de culoare corect aleatoare, nu presupuneri tastate la tastatură, când ai nevoie de culori pentru date de probă sau experimente.
Caz de utilizare: Construiește o temă Material dintr-o culoare de bază. Scara 50–900 îți oferă mai mulți pași de copiat în temă.
Caz de utilizare: Creează valori de culoare pentru un prototip sau un test vizual. Copiază pași individuali după cum ai nevoie fără a recrea manual scara.
Caz de utilizare: Pregătește un set repetabil de valori de paletă pentru munca de dezvoltare. Pașii etichetați fac ușoară identificarea și reutilizarea culorilor de care ai nevoie.