Penjana Kecerunan CSS

Menulis linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%) secara manual dan memuat semula halaman untuk melihatnya adalah gelung yang perlahan. Penjana ini menutupnya: pilih linear, radial atau kon, seret pelaras sudut, tetapkan setiap hentian warna dengan pemilih warna asli dan kedudukan peratus — dan pratonton lebar penuh dikemas kini pada setiap input, dengan baris latar belakang siap sentiasa sedia untuk disalin.

Tiga jenis kecerunan meliputi tugas yang berbeza. Kecerunan linear memudar sepanjang arah dan membawa kebanyakan bahagian wira dan butang; kecerunan radial memancar dari pusat untuk sinaran dan vignet; kecerunan kon menyapu sekeliling pusat dan menjana carta pai dan roda warna. Anda boleh menukar jenis pada bila-bila masa — hentian anda turut dibawa, jadi membandingkan ketiga-tiganya mengambil masa beberapa saat.

Sehingga enam hentian warna memberi anda ruang untuk reka bentuk berbilang jalur, dan halaman praset menyediakan kombinasi terbukti — senja hangat, lautan tenang dan pasangan pastel lembut — sebagai titik permulaan yang boleh anda ubah suai dan bukannya kanvas kosong. Perhatikan pembahagian kerja: penjana palet warna di laman ini memilih warna rata yang harmoni dan penukar format warna menterjemah nilai antara HEX, RGB dan HSL, manakala alat ini melakukan kerja yang berbeza — ia menukar warna yang dipilih kepada kod kecerunan CSS sedia guna.

Semuanya berjalan secara setempat dalam pelayar anda: tiada muat naik, tiada akaun, tiada perjalanan pergi balik pelayan, dan penjana terus berfungsi di luar talian setelah dimuatkan.