Konverter warna
Konversi HEX, RGB, dan HSL beserta transparansi, lihat contoh warna, dan salin nilai CSS.
Generator gradien CSS
Susun gradien linear atau radial dengan dua hingga delapan titik warna, pratinjau langsung, dan CSS siap salin.
Tentang alat ini
Atur wilayah transisi latar lewat posisi warna. Pratinjau dan kode menggunakan nilai yang sama.
Cara menggunakan
Pilih tipe, warna, posisi, serta sudut untuk gradien linear. Tambah atau hapus titik sambil melihat hasil. Titik diurutkan menurut posisi; posisi sama membuat batas tegas. Mendukung 2–8 titik pada 0–100 persen dan sudut -360 hingga 360 derajat. Gradien radial memakai elips di tengah.
Pertanyaan umum
Bagaimana membuat batas tegas antara dua warna?
Tempatkan dua titik berbeda warna pada persentase posisi yang sama. Titik diurutkan berdasarkan posisi. Unduhan berisi CSS, bukan gambar gradien.
Ke arah mana sudut gradien linear mengarah?
Dalam CSS, 0° mengarah ke atas dan 90° ke kanan. Jenis radial memakai elips di tengah tanpa pengaturan sudut. Salin seluruh deklarasi background ketika memasukkannya ke aturan CSS.
Alat terkait
Dibuka di tab baru
Komentar
0