Laman utama / Alat Warna / Penjana Palet Kecerunan RGB
Alat dalam talian percuma

Penjana Palet Kecerunan RGB

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.

Mula gunakan

Penjana Palet Kecerunan RGB

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.

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

Input

#2563EB → #EC4899, 5 warna

Hasil

#2563EB, #575CD7, #8956C2, #BA4FAE, #EC4899

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.

Bilangan merangkumi kedua-dua warna hujung dan lalainya 10. Bahagian perpuluhan dibuang, kemudian bilangan dihadkan kepada 2–100. Panel menyediakan HEX, RGB, HSV dan HSL, tetapi interpolasi sentiasa menggunakan saluran RGB yang dikodkan dan dibundarkan kepada integer. Arah pratonton tetap 90°. Tiada hentian warna tambahan, alfa atau pilihan ruang warna. Output ialah satu HEX setiap baris, bukan kod CSS atau muat turun imej.

Pemprosesan dilakukan secara setempat dalam pelayar anda.