Cara membuat palet warna gradasi
Pilih warna awal dan warna akhir, dengan mengetik kodenya atau memakai pemilih warna, lalu tentukan berapa banyak warna di antaranya, dari 3 sampai 12. Warna perantara dihitung dalam ruang warna yang meniru penglihatan manusia (OKLab), jadi lompatan antarwarna terlihat merata dan tidak muncul abu-abu kusam di tengahnya.
Palet gradasi atau gradasi menerus
Alat ini memberimu warna-warna terpisah beserta kodenya untuk dipakai satu per satu: dalam skala Tailwind, grafik, presentasi, atau bagian-bagian situs web. Kalau yang kamu butuhkan adalah latar yang berpindah mulus dari satu warna ke warna lain, pakai pembuat gradasi CSS.
Pertanyaan umum
Apa itu palet warna gradasi?
Serangkaian warna yang berubah sedikit demi sedikit dari satu warna ke warna lain. Misalnya dari merah muda ke biru muda dalam 7 langkah. Setiap warna punya kode HEX sendiri dan bisa dipakai terpisah.
Berapa banyak warna dalam palet?
Antara 3 dan 12. Dengan sedikit warna, lompatannya lebih terasa; dengan banyak warna, transisinya lebih halus dan pilihan warnamu lebih banyak.
Bisa diekspor ke format apa saja?
Variabel CSS dengan gradasi siap pakai, daftar kode HEX, konfigurasi Tailwind, JSON, SVG, atau gambar PNG. Kamu juga bisa membukanya di pembuat palet warna untuk terus mengeditnya.
Kenapa warna perantaranya tidak terlihat abu-abu?
Karena campurannya dihitung di OKLab, ruang warna yang dirancang untuk penglihatan manusia. Campuran RGB langsung antara warna yang berlawanan, seperti merah muda dan hijau, melewati warna-warna kusam; di OKLab peralihannya lebih bersih dan merata.
Bisakah paletku dibagikan?
Bisa. Alamat halaman menyimpan kedua warna dan jumlah warnanya, jadi kamu bisa menyalin dan mengirimkannya.
Apa bedanya dengan pembuat gradasi?
Pembuat gradasi membuat latar CSS yang menerus. Alat ini memberimu warna-warna terpisah yang ada di antara dua warna, untuk dipakai satu per satu.
Apakah gratis?
Ya, tanpa daftar dan tanpa batas. Kamu bisa menyimpan gradasi favoritmu dengan ikon hati; semuanya tersimpan di browser ini.