Generátor palety Tailwind – 11-stupňová škála farieb
Vygenerujte 11-stupňovú farebnú škálu v štýle Tailwind, od 50 po 950, z jednej základnej farby. Paleta stupňuje svetlosť v OKLch, percepčne rovnomernom farebnom priestore, ktorý používa Tailwind v3. Skontrolujte vygenerované odtiene, kliknite na ľubovoľnú hodnotu a skopírujte ju, alebo použite priložený úryvok konfigurácie Tailwind na priame vloženie. Pred generovaním nastavte dostupné možnosti.
Generátor palety Tailwind vytvára 11-stupňovú farebnú škálu v štýle Tailwind z jednej základnej farby. Generuje odtiene očíslované 50, 100 a ďalej po 950, čo uľahčuje zostavenie koordinovanej palety namiesto vytvárania každej hodnoty ručne. Každý odtieň sa dá skopírovať kliknutím a nástroj obsahuje úryvok konfigurácie Tailwind na priame vloženie.
Generátor buduje škálu stupňovaním svetlosti v OKLch, percepčne rovnomernom farebnom priestore, ktorý používa Tailwind v3. Nastavte dostupné možnosti, zadajte základnú farbu a vygenerujte paletu, aby ste videli výsledné odtiene. Potom môžete skopírovať jednotlivú hodnotu alebo použiť priložený úryvok konfigurácie.
Paleta je sekvencia príbuzných farebných hodnôt a úryvok konfigurácie Tailwind je pohodlný spôsob použitia vygenerovanej palety v projekte Tailwind. Vytváranie odtieňov z jednej základnej farby vám pomôže stanoviť konzistentný rozsah svetlejších a tmavších hodnôt pre vaše rozhranie alebo projektové dáta. Číslovanie 50–950 uľahčuje identifikáciu krokov pri práci so škálou.
Nástroj funguje úplne vo vašom prehliadači a váš vstup sa spracováva na vašom zariadení, nie odosiela na server. Nemá žiadnu závislosť na serveri, takže po načítaní stránky pokračuje v práci offline. Generátor palety Tailwind je zadarmo a pomôže vývojárom, dizajnérom a DevOps inžinierom rýchlo vytvoriť a skopírovať kompletnú farebnú škálu.
Krok 1: Zadajte jednu základnú farbu, od ktorej sa odvinie vaša paleta. Generátor z nej vytvorí kompletnú 11-stupňovú škálu.
Krok 2: Pred generovaním nastavte dostupné možnosti. Konkrétne možnosti si môžete prezrieť v nástroji.
Krok 3: Vygenerujte paletu a skontrolujte jej odtiene, očíslované od 50 po 950.
Krok 4: Kliknutím na odtieň skopírujte jeho hodnotu alebo skopírujte priložený úryvok konfigurácie Tailwind na priame vloženie.
Prípad použitia: Vytvorte kompletnú sadu odtieňov v štýle Tailwind pre dizajnový systém z jednej základnej farby.
Prípad použitia: Pripravte farebné hodnoty pre testy, fixture alebo seed dáta bez ručného písania každého odtieňa.
Prípad použitia: Vygenerujte celú škálu 50–950 naraz namiesto vymýšľania hodnôt jednu po druhej.
Prípad použitia: Zostavte paletu pre projekt a kopírujte hodnoty jednotlivých odtieňov podľa potreby.
Prípad použitia: Použite priložený úryvok konfigurácie na prenesenie vygenerovanej palety do konfigurácie Tailwind.
Prípad použitia: Preskúmajte, ako sa svetlosť mení naprieč paletou pomocou škály založenej na OKLch.