← Semua alat teks

Pembuat palet warna Tailwind

Buat skala warna Tailwind CSS 50–950 dari warna brand Anda, untuk v3 atau v4.

  • Gratis
  • Tanpa daftar
  • Bisa di perangkat apa pun

Tentang Pembuat palet warna Tailwind

Masukkan warna merek Anda dan dapatkan skala lengkap 50 hingga 950 dalam format yang dipakai Tailwind, siap untuk file konfigurasi di v3 atau variabel tema di v4. Langkah terang cocok untuk latar belakang, 500 kira-kira warna dasar Anda, dan langkah tergelap cocok untuk teks dan mode gelap.

Cara menggunakan Pembuat palet warna Tailwind

  1. Masukkan warna merek Anda sebagai kode HEX.
  2. Pilih keluaran Tailwind v3 atau v4.
  3. Salin skala warna 50 sampai 950 ke pengaturan Tailwind Anda.

Mengapa menggunakan alat ini?

Dikenal juga sebagai

Pertanyaan umum

Di mana saya menempelkan warna Tailwind yang dihasilkan?

Di v3, tambahkan di bawah theme.extend.colors dalam tailwind.config.js. Di v4, tempel variabelnya ke blok @theme di file CSS Anda.

Nuansa mana yang akan cocok dengan warna asli saya?

Warna masukan Anda ditempatkan pada skala di langkah yang paling dekat dengan kecerahannya, biasanya dekat 500. Periksa pratinjau untuk melihat nomor mana yang didapat.

Apa perbedaan antara keluaran v3 dan v4?

Versi 3 menaruh warna di file konfigurasi, sedangkan versi 4 memakai variabel tema CSS. Pilih yang sesuai dengan versi Tailwind di proyek Anda.

Apakah Pembuat palet warna Tailwind gratis?

Ya. Pembuat palet warna Tailwind di Toolipedia gratis digunakan, tanpa daftar dan tanpa watermark.

Apakah aman digunakan?

Ya. Semuanya dihitung di browser Anda, dan tidak ada yang Anda masukkan yang dikirim ke server kami.

Apakah bisa di ponsel saya?

Ya. Alat ini bisa digunakan di browser modern mana pun di Android dan iPhone, juga di tablet dan komputer. Tidak perlu instal apa pun.

Apakah saya perlu akun?

Tidak. Cukup buka halaman dan gunakan alatnya. Tanpa daftar dan tanpa email.

Bisakah saya menaruh Pembuat palet warna Tailwind di situs web saya sendiri?

Ya. Gunakan tombol "Sematkan di situs Anda" di bawah alat untuk menyalin potongan kode singkat dan menempelkannya ke halaman Anda. Gratis, tanpa akun, dan alat tetap berfungsi di dalam halaman Anda.

Alat terkait