Pembuat Palet Warna
- File tidak meninggalkan perangkat Anda
- Berjalan di browser
- Gratis, tanpa daftar, tanpa watermark
3b82f6
e24956
3ba01b
Cara memakai Pembuat Palet Warna
Buat palet warna dengan tiga cara: aturan harmoni dari warna dasar, palet acak yang bisa dikunci dan diacak ulang, atau skala shade 11 langkah dari 50 hingga 950 seperti Tailwind. Warna dihitung dalam OKLCH, dan setiap palet diekspor ke CSS, Tailwind v3 atau v4, JSON, .gpl, atau .ase.
- 1
Pilih Mode: Harmoni, Acak, atau Shade.
- 2
Untuk Harmoni atau Shade, atur Warna dasar, lalu pilih Aturan, atau Nama warna dan langkah untuk Pertahankan dasar di.
- 3
Untuk Acak, klik Hasilkan atau tekan Spasi, lalu kunci warna yang ingin dipertahankan sebelum menghasilkan lagi.
- 4
Arahkan kursor ke warna lalu klik ikon salin; di Harmoni Anda juga bisa menjadikannya warna dasar yang baru.
- 5
Di Ekspor, pilih HEX, CSS, Tailwind v3, Tailwind v4, atau JSON lalu salin kode, atau unduh .gpl atau .ase.
Pertanyaan umum
Mengapa harmoni dihitung dalam OKLCH?
Rona diputar dalam OKLCH, jadi setiap warna mempertahankan kecerahan dan kecerahan warna yang dirasakan dari warna dasar. Memutar dalam HSL akan membuat kuning tampak jauh lebih terang daripada biru.
Bagaimana shade dari 50 hingga 950 dibangun?
Kecerahan mengikuti kurva yang dekat dengan palet Tailwind sendiri, dan kroma memuncak sekitar 500–600. Warna dasar Anda dipertahankan persis di langkahnya; Otomatis memilih langkah yang paling dekat dengan kecerahannya.
Bisakah saya kembali ke palet acak sebelumnya?
Ya. Gunakan Palet sebelumnya dan Palet berikutnya; 50 palet terakhir disimpan selama halaman terbuka, tetapi tidak ada yang disimpan setelah Anda menutupnya.
Berapa banyak warna yang bisa dimiliki palet?
Palet acak punya 2 hingga 10 warna (gunakan tombol − dan +). Aturan harmoni memberi jumlah tetap, misalnya 2 untuk komplementer dan 5 untuk analog atau monokrom, dan Shade selalu memberi 11.
Seperti apa ekspor Tailwind v4?
Blok @theme berisi variabel --color-*, siap ditempel ke CSS Anda. Shade ditulis sebagai nilai oklch() dengan nama seperti --color-brand-500; mode lain memakai HEX.