Bagaimana cara menghapus titik warna?

Pilih titiknya lalu tekan Delete atau Backspace, atau gunakan tombol tempat sampah. Gradien selalu menyisakan minimal dua titik.

Apakah gradien ini berfungsi di semua browser?

Gradien linear dan radial berfungsi di semua browser terkini. Gradien conic berfungsi di Chrome, Edge, Firefox, dan Safari 12.1 ke atas.

Bisakah titik warna dipindah dengan keyboard?

Bisa. Fokuskan titik dengan Tab lalu gunakan tombol panah (Shift untuk langkah 10), Home, dan End. Pemutar sudut juga bisa dikendalikan dengan tombol panah.

CSS Gradient Generator — Linear, Radial & Conic

Buat gradien CSS linear, radial, dan conic dengan titik warna yang bisa diseret, pemutar sudut, dan preset. Salin CSS atau class Tailwind. Gratis dan instan.

Titik warnaKlik untuk menambah · seret untuk memindah

CSS

background: #fa69c3;
background: linear-gradient(120deg, #7f5af0 0%, #ff6ac1 52%, #ffb86b 100%);

Tailwind

bg-[linear-gradient(120deg,#7f5af0_0%,#ff6ac1_52%,#ffb86b_100%)]

Preset

Referensi format

MDN — CSS gradients
Tailwind CSS — Arbitrary values

Halaman alat diperbarui: 2026-10-23

Preset

Panduan dan contoh

Alat terkait

Referensi format