✨ Pembuat Kecerunan
background: linear-gradient(to right, #ff6b6b, #6bc1ff);
Cipta gradien linear dan radial CSS yang menakjubkan dengan penjana gradien kami yang mudah digunakan. Pilih warna, arahkan, dan salin kod CSS serta-merta untuk projek web anda.
Cipta, lihat dan urus palet warna dengan ciri-ciri lanjutan. Jana palet menggunakan teori warna, import daripada pelbagai format, semak kontras kebolehcapaian, dan eksport ke format CSS, SCSS, Tailwind, JSON, atau PNG.
Cipta kolaj visual yang menakjubkan dengan menggabungkan imej anda dengan palet warna yang diekstrak. Muat naik mana-mana imej untuk mengekstrak warnanya yang dominan secara automatik dan cipta komposisi yang indah dengan susun atur, gaya, dan nisbah aspek yang boleh disesuaikan.
Semak nisbah kontras warna untuk pematuhan kebolehcapaian web. Uji kombinasi warna teks dan latar belakang mengikut garis panduan WCAG dengan pratonton masa nyata, penarafan kebolehcapaian, dan cadangan penambahbaikan.
Ekstrak warna dari mana-mana imej dalam talian secara percuma. Muat naik imej, klik untuk memilih warna, dan dapatkan nilai HEX, RGB, HSL, dan CMYK. Buat dan eksport palet warna.
Jana palet warna menakjubkan secara dalam talian dengan penjana palet warna percuma kami. Cipta skema warna yang harmoni menggunakan prinsip teori warna atau ekstrak warna daripada imej. Eksport ke format CSS, SCSS, Tailwind, JSON, PDF, dan PNG.
Cipta gradien warna yang menakjubkan dan jana palet warna tersuai secara dalam talian secara percuma. Pilih warna mula dan akhir, laraskan saiz palet, dan salin kod CSS atau warna heks individu. Sesuai untuk reka bentuk web, reka bentuk grafik, dan projek kreatif.
Pilih warna pertama dan kedua anda menggunakan pemilih warna atau masukkan kod warna hex terus dalam input teks.
Pilih antara gradien linear untuk transisi warna berarah atau gradien radial untuk transisi warna bulat dari tengah keluar.
Untuk gradien linear, pilih daripada 8 pilihan arah termasuk kanan, kiri, atas, bawah, dan arah pepenjuru menggunakan butang anak panah.
Klik butang 'Salin CSS' untuk menyalin properti latar belakang CSS lengkap ke papan keratan anda, sedia untuk ditampal ke dalam lembaran gaya anda.
Cipta kedua-dua gradien linear dan radial dengan kawalan penuh ke atas pemilihan warna dan arah gradien. Tukar antara jenis gradien serta-merta.
Pilih daripada 8 arah berbeza untuk gradien linear termasuk orientasi mendatar, menegak, dan pepenjuru dengan kawalan anak panah yang intuitif.
Jana kombinasi warna rawak serta-merta untuk menemui idea gradien baharu dan skema warna kreatif untuk projek anda.
Salin kod gradien CSS yang dihasilkan ke papan keratan anda dengan satu klik. Properti latar belakang CSS yang sedia untuk digunakan bagi pelaksanaan segera.
Penjana gradien CSS ialah alat yang mencipta gradien latar belakang CSS dengan menggabungkan dua atau lebih warna dalam transisi yang lancar. Penjana gradien kami menjana properti linear-gradient dan radial-gradient CSS yang boleh digunakan secara langsung dalam pembangunan web. Gradien linear mencipta transisi warna berarah, manakala gradien radial mencipta transisi bulat dari titik tengah. Alat ini menyediakan pratonton masa nyata dan menjana kod CSS yang serasi dengan pelayar untuk piawaian web moden.
Lihat perubahan gradien anda serta-merta dengan kawasan pratonton besar yang menunjukkan dengan tepat bagaimana gradien anda akan kelihatan dalam projek web anda.
Kod CSS yang dihasilkan dioptimumkan dan sedia untuk digunakan dengan sintaks yang betul untuk properti latar belakang, serasi dengan semua pelayar moden.
Butang anak panah yang mudah digunakan untuk menetapkan arah gradien, menjadikannya mudah untuk mencipta orientasi yang anda perlukan untuk reka bentuk anda.
Penjana warna rawak membantu menemui kombinasi warna baharu dan menyediakan inspirasi kreatif untuk reka bentuk gradien dan skema warna anda.
Gradien linear mencipta transisi warna dalam arah garis lurus (mendatar, menegak, atau pepenjuru), manakala gradien radial mencipta transisi warna bulat yang memancar keluar dari titik tengah.
Ya, anda boleh memasukkan sebarang kod warna heks yang sah terus dalam input teks di sebelah pemilih warna. Alat ini menerima kod heks 6 digit seperti #ff6b6b atau #6bc1ff.
Salin kod CSS dan tampalkannya ke dalam lembaran gaya anda. Kod yang dihasilkan adalah properti latar belakang yang lengkap yang boleh anda gunakan pada mana-mana elemen HTML untuk memaparkan gradien.
Ya, CSS yang dihasilkan menggunakan sintaks linear-gradient dan radial-gradient standard yang disokong oleh semua pelayar moden termasuk Chrome, Firefox, Safari, dan Edge.
Pada masa ini, alat kami menumpukan pada gradien dua warna untuk kesederhanaan dan reka bentuk yang bersih. Anda boleh mengubah suai kod CSS yang dihasilkan untuk menambah hentian warna tambahan jika diperlukan.