Generator gradien CSS
Buat gradien CSS linear atau radial dengan 2–10 titik henti warna, kontrol sudut, transparansi, dan preset. Pratinjau hasilnya lalu salin atau unduh CSS-nya.
Juga dikenal sebagaiCSS gradient generator · CSS gradient · gradient generator · gradient generator CSS · gradasi warna CSS
2–10 titik henti, diurutkan menurut persentase dalam output. Posisi yang sama menghasilkan tepi tajam dan mempertahankan urutan daftarnya. Transparansi ditampilkan di atas pola kotak-kotak. Kanal warna menggunakan sRGB 8-bit; alfa desimal dipertahankan dalam output RGBA.
Tiga langkah kecil.
- Pilih linear atau radial dan mulai dengan preset atau warna Anda sendiri.
- Edit warna dan persentase titik henti, tambah atau hapus titik henti, atau balik urutannya.
- Tinjau pratinjau, lalu salin latar belakang CSS atau unduh stylesheet.
Beberapa hal yang perlu diketahui.
Mendukung nama warna CSS standar, warna HEX/RGB/HSL numerik, dan posisi titik henti dari 0 hingga 100%. Titik henti diurutkan menurut posisi; posisi yang sama mempertahankan urutan dalam daftar dan dapat menghasilkan tepi tajam. Gradien radial menggunakan lingkaran di tengah. Interpolasi warna browser dan tampilan layar bisa berbeda; ini bukan alur kerja warna untuk cetak.
Cara kerja privasi Anda →Sedikit lebih jelas.
Bisakah gradien memudar menjadi transparan?
Ya. Gunakan komponen alfa seperti #294C3900 atau rgba(41,76,57,0). Pola kotak-kotak pada pratinjau menunjukkan area transparan.
Apa yang dilakukan pembalikan?
Pembalikan membalik daftar titik henti dan memetakan setiap posisi menjadi 100 dikurangi persentase aslinya. Ini juga membalik urutan warna pada tepi tajam.
Pencarian terkaitcss linear gradient generator