Generator Gradien CSS

Apa yang alat ini bantu Anda lakukan

Buat gradasi warna yang dapat direproduksi, pratinjau setiap langkah yang dihasilkan, dan salin urutan HEX yang tepat untuk CSS, grafik, atau desain token.

Contoh pengerjaan

Bagaimana hasil dihasilkan

Setiap warna antara dibuat dengan interpolasi linier pada saluran merah, hijau, dan biru. Titik ujung dipertahankan, dan warna lainnya ditempatkan pada interval yang sama.

Alur kerja yang berguna

• Buat warna grafik berurutan atau gradasi peta panas
• Bangun warna hover dan status antara dua token desain
• Hasilkan palet ringkas untuk gradien latar belakang

Batasan penting

• Interpolasi RGB dapat terlihat lebih gelap atau kusam di antara beberapa warna komplementer.
• Palet yang tampak halus tidak otomatis dapat diakses oleh penderita buta warna.
• Generator ini menghasilkan warna RGB dengan jarak merata; tidak mengklaim keseragaman persepsi.

Pertanyaan yang sering diajukan

Mengapa titik tengah bisa terlihat abu-abu atau kusam?

Saluran RGB yang berlawanan dapat rata-rata menuju warna netral. Tambahkan warna tengah yang sesuai dalam alur kerja CSS multi-henti saat vitalitas visual penting.

Berapa banyak warna yang harus saya hasilkan?

Gunakan jumlah terkecil yang sesuai dengan status atau kelompok data yang Anda butuhkan; latar belakang kontinu dapat menggunakan lebih banyak langkah.