Penjana Kecerunan CSS

Apa yang alat ini bantu anda lakukan

Bina julat warna yang boleh dihasilkan semula, pratonton setiap hentian yang dijana dan salin urutan HEX yang tepat untuk CSS, carta atau token reka bentuk.

Contoh kerja

Bagaimana hasil dihasilkan

Setiap warna perantaraan dicipta melalui interpolasi linear saluran merah, hijau dan biru. Titik hujung dikekalkan, dan warna yang tinggal diletakkan pada selang yang sama.

Aliran kerja berguna

• Cipta warna carta tersusun atau julat peta haba
• Bina warna hover dan keadaan antara dua token reka bentuk
• Hasilkan palet padat untuk kecerunan latar belakang

Had penting

• Interpolasi RGB boleh kelihatan lebih gelap atau keruh antara beberapa warna pelengkap.
• Palet yang kelihatan licin tidak semestinya boleh diakses oleh buta warna.
• Penjana ini menghasilkan warna RGB yang dijarakkan sama rata; ia tidak mendakwa keseragaman persepsi.

Soalan lazim

Mengapa titik tengah boleh kelihatan kelabu atau keruh?

Saluran RGB yang bertentangan mungkin purata ke arah warna neutral. Tambahkan warna tengah yang sesuai dalam aliran kerja CSS berbilang hentian apabila keceriaan visual penting.

Berapa banyak warna yang perlu saya jana?

Gunakan bilangan terkecil yang sepadan dengan keadaan atau jalur data yang anda perlukan; latar belakang berterusan boleh menggunakan lebih banyak langkah.