Tailwind Palette Generator: Skala Warna 11 Langkah
Hasilkan skala warna 11 langkah bergaya Tailwind, dari 50 hingga 950, menggunakan satu warna dasar. Palet meningkatkan lightness dalam OKLch, ruang warna yang seragam secara perseptual yang digunakan Tailwind v3. Tinjau nuansa yang dihasilkan, klik nilai mana pun untuk menyalinnya, atau gunakan cuplikan config Tailwind siap tempel yang disertakan. Atur opsi yang tersedia sebelum membuat.
Tailwind Palette Generator membuat skala warna 11 langkah bergaya Tailwind dari satu warna dasar. Alat ini menghasilkan nuansa bernomor 50, 100, dan seterusnya hingga 950, sehingga memudahkan membangun palet yang terkoordinasi tanpa membuat setiap nilai secara manual. Setiap nuansa dapat disalin dengan sekali klik, dan alat ini menyertakan cuplikan config Tailwind siap tempel.
Generator membangun skala dengan meningkatkan lightness dalam OKLch, ruang warna yang seragam secara perseptual yang digunakan Tailwind v3. Atur opsi yang tersedia, berikan warna dasar, dan buat palet untuk melihat nuansa yang dihasilkan. Anda kemudian dapat menyalin nilai individual atau menggunakan cuplikan config yang disertakan.
Palet adalah urutan nilai warna yang saling terkait, sedangkan cuplikan config Tailwind adalah cara praktis untuk menggunakan palet yang dihasilkan dalam proyek Tailwind. Membuat nuansa dari satu warna dasar dapat membantu Anda menetapkan rentang nilai yang lebih terang dan lebih gelap secara konsisten untuk antarmuka atau data proyek Anda. Penomoran 50–950 memudahkan identifikasi langkah saat bekerja dengan skala tersebut.
Alat ini berjalan sepenuhnya di browser Anda, dan input Anda diproses di perangkat Anda, bukan dikirim ke server. Tidak ada ketergantungan server, sehingga setelah halaman dimuat, alat ini tetap berfungsi offline. Tailwind Palette Generator gratis digunakan dan dapat membantu developer, desainer, dan DevOps engineer membuat dan menyalin skala warna lengkap dengan cepat.
Langkah 1: Berikan satu warna dasar untuk memulai palet Anda. Generator menggunakannya untuk membangun skala 11 langkah yang lengkap.
Langkah 2: Atur opsi yang tersedia sebelum membuat. Opsi spesifik dapat ditinjau di alat ini.
Langkah 3: Buat palet dan tinjau nuansanya, bernomor dari 50 hingga 950.
Langkah 4: Klik sebuah nuansa untuk menyalin nilainya, atau salin cuplikan config Tailwind siap tempel yang disertakan.
Kasus penggunaan: Buat rangkaian nuansa lengkap bergaya Tailwind untuk sistem desain dari satu warna dasar.
Kasus penggunaan: Siapkan nilai warna untuk pengujian, fixture, atau data awal tanpa mengetik setiap nuansa secara manual.
Kasus penggunaan: Hasilkan seluruh skala 50–950 sekaligus daripada menentukan nilai satu per satu.
Kasus penggunaan: Bangun palet untuk proyek dan salin nilai nuansa individual sesuai kebutuhan.
Kasus penggunaan: Gunakan cuplikan config yang disertakan untuk membawa palet yang dihasilkan ke konfigurasi Tailwind.
Kasus penggunaan: Jelajahi perubahan lightness di seluruh palet menggunakan skala berbasis OKLch.