Lewati ke konten utama

Tombol interaktif dan petunjuk masukan saat ini mungkin ditampilkan dalam bahasa Inggris.

Alat

Pembuat gradasi CSS

Gunakan Pembuat gradasi CSS untuk memasukkan warna, arah, dan titik peralihan dan memperoleh pratinjau gradasi dan kode CSS seketika, tanpa instalasi atau akun.

Pembuat gradasi CSS memproses masukan dan file hanya di browser ini dan tidak mengirimkannya ke layanan eksternal.

90°
0%
100%
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);

Cara menggunakan

Pembuat gradasi CSS adalah alat browser yang menerima warna, arah, dan titik peralihan dan menghasilkan pratinjau gradasi dan kode CSS. Opsi dan hasil dapat diperiksa langsung di halaman ini. Contoh praktis: #3366FF ke #8B5CF6 → linear-gradient.

  1. Atur warna, arah, dan titik peralihan di Pembuat gradasi CSS.
  2. Sesuaikan pengaturan sambil memeriksa pratinjau langsung.
  3. Pilih Salin untuk menyalin hasil.

Keluaran

  • Contoh Pembuat gradasi CSS: #3366FF ke #8B5CF6 → linear-gradient

Batasan

  • Batasan Pembuat gradasi CSS: Tampilan warna dapat sedikit berbeda antar layar. Cocokkan hasil penting dengan sumber asli.

Privasi

Pembuat gradasi CSS memproses masukan dan file hanya di browser ini dan tidak mengirimkannya ke layanan eksternal.

Pertanyaan umum

Apa yang dihasilkan Pembuat gradasi CSS?

Alat ini memakai masukan dan opsi pilihan untuk menghasilkan pratinjau gradasi dan kode CSS.

Apakah semua hasil Pembuat gradasi CSS dapat diandalkan?

Tampilan warna dapat sedikit berbeda antar layar. Periksa hasil sebelum dipakai untuk pekerjaan penting.

🔧 Alat terkait