Pembuat gradien CSS

Buat gradien linear atau radial dari dua warna.

Buat gradien linear atau radial dari dua warna.

Opsi

sRGB HEX · 2 warna · 0–360° · Dua warna tanpa transparansi, sudut linear atau radial di tengah. Tanpa warna tambahan, gambar, atau jaringan. Menyalin CSS tidak mengubah situs Anda.

Cara menggunakan

Pembuat gradien CSS

Buat gradien linear atau radial dari dua warna.

Langkah penggunaan

  1. Ubah hanya pengaturan yang diperlukan dan ikuti batasnya.
  2. Ubah hanya pengaturan yang diperlukan dan ikuti batasnya. Warna pertama: #2563eb · Warna kedua: #7c3aed · Sudut (derajat): 90 · Jenis: Linear · Dua warna tanpa transparansi, sudut linear atau radial di tengah. Tanpa warna tambahan, gambar, atau jaringan. Menyalin CSS tidak mengubah situs Anda.
  3. Proses, bandingkan hasil dengan sumber, lalu salin atau unduh.

Memilih pengaturan

OpsiApa yang berubah
OpsiUbah hanya pengaturan yang diperlukan dan ikuti batasnya. Warna pertama: #2563eb · Warna kedua: #7c3aed · Sudut (derajat): 90 · Jenis: Linear · Dua warna tanpa transparansi, sudut linear atau radial di tengah. Tanpa warna tambahan, gambar, atau jaringan. Menyalin CSS tidak mengubah situs Anda.
BatassRGB HEX · 2 warna · 0–360° · Dua warna tanpa transparansi, sudut linear atau radial di tengah. Tanpa warna tambahan, gambar, atau jaringan. Menyalin CSS tidak mengubah situs Anda.

Contoh dan hasil yang diharapkan

Ini contoh hasil yang diharapkan, bukan klaim pengukuran nyata. linear-gradient(90deg, #2563EB, #7C3AED);

Jika tidak berfungsi

  • Perbaiki pengaturan atau masukan yang tidak didukung dan coba lagi. Sumber tetap ada; kecilkan berkas besar.
  • Dua warna tanpa transparansi, sudut linear atau radial di tengah. Tanpa warna tambahan, gambar, atau jaringan. Menyalin CSS tidak mengubah situs Anda.

Format dan batasan

sRGB HEX · 2 warna · 0–360° · Dua warna tanpa transparansi, sudut linear atau radial di tengah. Tanpa warna tambahan, gambar, atau jaringan. Menyalin CSS tidak mengubah situs Anda.

Pertanyaan Umum

Apa fungsi alat ini?

Buat gradien linear atau radial dari dua warna.

Pengaturan mana yang sebaiknya dipilih?

Ubah hanya pengaturan yang diperlukan dan ikuti batasnya. Warna pertama: #2563eb · Warna kedua: #7c3aed · Sudut (derajat): 90 · Jenis: Linear · Dua warna tanpa transparansi, sudut linear atau radial di tengah. Tanpa warna tambahan, gambar, atau jaringan. Menyalin CSS tidak mengubah situs Anda.

Apa batasannya?

sRGB HEX · 2 warna · 0–360° · Dua warna tanpa transparansi, sudut linear atau radial di tengah. Tanpa warna tambahan, gambar, atau jaringan. Menyalin CSS tidak mengubah situs Anda.

Mengapa pemrosesan gagal?

Perbaiki pengaturan atau masukan yang tidak didukung dan coba lagi. Sumber tetap ada; kecilkan berkas besar.

Apakah masukan saya diunggah atau disimpan?

Tidak. Pemrosesan berjalan di perangkat Anda. Masukan dan hasil tetap di memori halaman ini sampai Anda membersihkannya atau keluar. ToolRobin tidak mengunggah, mencatat, atau menyimpannya. Menyalin menempatkan hasil di papan klip perangkat Anda.