Generator de palete Tailwind – scară de 11 culori
Generează o scară de culori în stil Tailwind cu 11 pași, de la 50 până la 950, folosind o singură culoare de bază. Paleta crește luminozitatea în OKLch, un spațiu de culoare uniform perceptual pe care îl folosește Tailwind v3. Verifică nuanțele generate, fă clic pe orice valoare pentru a o copia sau folosește fragmentul de config Tailwind gata de lipit inclus. Setează opțiunile disponibile înainte de generare.
Generatorul de palete Tailwind creează o scară de culori în stil Tailwind cu 11 pași dintr-o singură culoare de bază. Generează nuanțe numerotate 50, 100 și mai departe până la 950, făcând mai ușoară construirea unei palete coordonate în loc să creezi fiecare valoare manual. Fiecare nuanță se copiază cu un clic, iar instrumentul include un fragment de config Tailwind gata de lipit.
Generatorul construiește scara crescând luminozitatea în OKLch, un spațiu de culoare uniform perceptual pe care îl folosește Tailwind v3. Setează opțiunile disponibile, furnizează o culoare de bază și generează paleta pentru a vedea nuanțele rezultate. Poți apoi copia o valoare individuală sau poți folosi fragmentul de config inclus.
O paletă este o secvență de valori de culoare înrudite, iar fragmentul de config Tailwind este un mod convenabil de a folosi paleta generată într-un proiect Tailwind. Crearea nuanțelor dintr-o singură culoare de bază te poate ajuta să stabilești o gamă consecventă de valori mai deschise și mai închise pentru interfața sau datele proiectului tău. Numerotarea de la 50 la 950 face pașii ușor de identificat atunci când lucrezi cu scara.
Instrumentul rulează complet în browserul tău, iar inputul este procesat pe dispozitivul tău, nu trimis către un server. Nu are dependență de server, așa că după încărcarea paginii continuă să funcționeze offline. Generatorul de palete Tailwind este gratuit și îi poate ajuta pe dezvoltatori, designeri și ingineri DevOps să creeze și să copieze rapid o scară de culori completă.
Pasul 1: Furnizează o singură culoare de bază pentru a începe paleta. Generatorul o folosește pentru a construi scara completă de 11 pași.
Pasul 2: Setează opțiunile disponibile înainte de generare. Opțiunile concrete pot fi verificate în instrument.
Pasul 3: Generează paleta și verifică-i nuanțele, numerotate de la 50 până la 950.
Pasul 4: Fă clic pe o nuanță pentru a-i copia valoarea sau copiază fragmentul de config Tailwind gata de lipit inclus.
Caz de utilizare: Creezi un set complet de nuanțe în stil Tailwind pentru un sistem de design dintr-o singură culoare de bază.
Caz de utilizare: Pregătești valori de culoare pentru teste, date de test sau date de inițializare fără a tasta manual fiecare nuanță.
Caz de utilizare: Generezi dintr-odată întreaga scară de la 50 la 950, în loc să inventezi valorile una câte una.
Caz de utilizare: Construiești o paletă pentru un proiect și copiezi valorile individuale ale nuanțelor pe măsură ce ai nevoie.
Caz de utilizare: Folosești fragmentul de config inclus pentru a aduce paleta generată într-o configurație Tailwind.
Caz de utilizare: Explorezi cum se schimbă luminozitatea de-a lungul unei palete folosind o scară bazată pe OKLch.