Gradien warna adalah perpaduan bertahap antara dua warna atau lebih. Biasanya, gradien ditentukan oleh dua warna yang ditentukan pengguna, dan komputer secara otomatis menghitung semua warna di antaranya. Gradien warna dapat terdiri dari dua atau lebih warna yang ditentukan bekas. Dalam kode CSS untuk situs web, Anda dapat menentukan gradien linier dan radial. A gradien warna linier memadukan warna dalam garis lurus dan menghasilkan transisi warna progresif dari satu titik ke titik lainnya. A gradien warna radial memadukan warna dalam bentuk melingkar dan menghasilkan transisi warna yang memancar dari titik tertentu.
Biasanya seorang desainer memilih dua atau lebih warna untuk membuat gradien warna. Ini membutuhkan pengalaman desain dan perhatian yang baik untuk harmoni warna. Generator gradien warna kami menggunakan algoritme gradien warna dari pembuat logo kami My Brand New Logo, yang secara otomatis membuat gradien warna terlihat bagus dan seimbang. Anda hanya perlu memilih satu warna, dan generator gradien kami secara otomatis menghasilkan gradien yang tampak bagus berdasarkan itu. Ada banyak ilmu warna yang terjadi di balik layar, tetapi yakinlah bahwa gradien warna Anda selalu terlihat bagus.
Generator gradien latar belakang CSS kami secara otomatis membuat gradien warna berdasarkan warna yang Anda pilih. Kami memiliki gaya gradien yang berbeda. Gaya cahaya menghasilkan gradien warna yang terlihat seperti disorot oleh sumber cahaya. Sempurna untuk menambahkan kilau pada warna Anda. Gaya dalam membawa konsep itu sedikit lebih jauh dan menambahkan lebih banyak rona pada spektrum warna. Gaya pelangi sempurna untuk warna yang lebih terang, untuk menciptakan tampilan seperti mutiara. Dan gaya intens menciptakan gradien warna yang intens, dalam, dan kaya.
Saat Anda memilih warna, Anda dapat menyeret slider untuk menyesuaikan gradien. Penggeser pertama mengontrol jumlah gradien. Penggeser kedua mengontrol rotasi gradien warna. Anda dapat menggunakan ini untuk mensimulasikan dari mana cahaya itu berasal. Penggeser ketiga beralih dari mode linier ke radial.
Jika Anda senang dengan gradien Anda, dapatkan kode CSS Anda dengan menyalin-tempel kode gradien warna CSS yang dihasilkan. Letakkan di kode CSS Anda sendiri untuk mendapatkan gradien yang sama persis dalam desain web Anda sendiri.
Jika Anda ingin membuat logo dengan gradien warna, kami telah menyiapkan beberapa pedoman untuk Anda:
Gunakan kode CSS ini di proyek web Anda untuk mendapatkan gradien warna: