01
Kapan alat ini bermanfaat
Gunakan ini untuk membuat latar web dua warna atau aksen kartu. Pilih warna awal dan akhir, jenis linear atau radial, serta sudutnya untuk mendapatkan pratinjau dan CSS.
Generator gradien
Hasilkan kode linear-gradient atau radial-gradient dengan pratinjau langsung.
Generator gradien
Hasil diproses di browser untuk perencanaan dan referensi.
Apa yang perlu dicek sebelum digunakan
02
Cara hasil dibuat
Mode linear membuat linear-gradient dengan sudut yang dimasukkan; mode radial membuat radial-gradient berbentuk lingkaran. Browser merender warna peralihan di antara dua titik henti.
03
Contoh terapan dan interpretasi
Atur #3366FF ke #FF6655 dengan sudut 90 derajat untuk deklarasi latar kiri ke kanan. Salin ke komponen asli dan periksa ulang kontras teks yang ditempatkan di atasnya.
04
Ruang lingkup dan keterbatasan
Generator ini menggunakan dua titik henti warna dan tidak dapat menghilangkan perbedaan interpolasi warna antarbrowser. Tambahkan titik henti kompleks, transisi alpha, atau warna gamut lebar di editor penuh.
Pertanyaan umum
Bagaimana cara memindahkan warna dari generator gradien ke aplikasi lain?
Gunakan tombol salin di bawah hasil untuk menyalin teks CSS, HEX, atau HSL. Pastikan aplikasi tujuan menginterpretasikan format warna yang sama.
Apakah warna layar dari generator gradien cocok untuk cetak?
Tidak otomatis. Layar RGB yang memancarkan cahaya dan kertas serta tinta reflektif menggunakan gamut dan model pencampuran yang berbeda, sehingga profil cetak dan proof tetap diperlukan.
Bisakah saya menyetujui token desain hanya dari generator gradien saja?
Gunakan sebagai kandidat, lalu uji latar nyata, mode gelap, status interaksi, dan kontras teks sebelum memberi nama dan menyetujui token.