Bina palet warna yang harmoni daripada roda warna interaktif — gunakan peraturan harmoni seperti analogus, komplementari atau triad, kemudian salin sebarang nilai dengan segera.

Kecerahan 100%
Peraturan harmoni
Warna aktif
HEX
RGB
HSL
Palet

Pilih peraturan harmoni dan warna asas, kemudian seret penanda roda untuk laraskan halus. Klik sebarang swatch untuk menyalinnya, atau tetapkannya sebagai warna asas baharu.


Mengenai Penjana Palet Warna

Color Palette Generator membina skema warna yang harmoni daripada roda warna interaktif. Pilih warna asas, pilih peraturan harmoni — analogous, monochromatic, triad, complementary, split complementary, square, shades atau tersuai sepenuhnya — dan alat ini mengira palet yang sepadan dengan serta-merta, dengan penanda yang boleh diseret pada roda untuk penalaan halus.

Setiap swatch memaparkan nilai HEX, RGB, HSL dan HSB, dan mana-mana warna dalam palet boleh dinaikkan taraf menjadi asas baharu dengan satu klik. Slider kecerahan mengalihkan keseluruhan skema menjadi lebih cerah atau lebih gelap sementara hubungan rona kekal terkunci, menjadikan penerokaan variasi skema sangat pantas.

Semuanya dikira secara langsung dalam pelayar anda menggunakan matematik teori warna pada roda HSV — tiada muat naik dan tiada perjalanan pergi-balik ke pelayan. Apabila palet kelihatan tepat, salin nilai individu, semua warna sekaligus, pemboleh ubah CSS sedia jadi atau eksport JSON.

Cara menggunakan Penjana Palet Warna

  1. Pilih warna asas dengan pemilih warna, taip nilai, atau klik "Random".
  2. Pilih peraturan harmoni seperti analogous, complementary, triad atau square.
  3. Seret penanda pada roda dan laraskan slider kecerahan untuk menala halus skema.
  4. Klik satu swatch untuk menyalinnya, atau tetapkan sebagai warna asas baharu untuk mengulang.
  5. Eksport palet dengan "Copy all", "Copy CSS variables" atau "Copy JSON".

Soalan lazim

Ya, ia percuma sepenuhnya. Pengiraan palet berjalan sepenuhnya dalam pelayar anda, jadi tiada kredit, akaun atau had penggunaan yang terlibat.

Setiap peraturan meletakkan warna palet lain pada sudut tetap sekeliling roda warna relatif kepada asas anda: complementary berada bertentangan (180°), triad meletakkan warna berjarak 120°, analogous mengekalkan jiran rapat, split complementary mengapit rona bertentangan, dan square meletakkan empat rona berjarak 90°.

Skema analogous atau monochromatic adalah yang paling selamat untuk antara muka kerana ia terasa tenang dan padu. Gunakan complementary atau split complementary apabila anda memerlukan warna aksen yang kuat untuk butang dan seruan tindakan berbanding rona asas yang dominan.

Ya. Tukar ke peraturan Custom dan seret setiap penanda secara berasingan pada roda, atau mula daripada mana-mana peraturan harmoni dan seret penanda untuk melaraskan — alat ini mengemas kini palet apabila anda menggerakkannya.

Setiap swatch memaparkan nilai HEX, RGB, HSL dan HSB, semuanya boleh disalin secara individu. Anda juga boleh menyalin keseluruhan palet sebagai nilai biasa, sebagai sifat tersuai CSS sedia untuk helaian gaya, atau sebagai JSON untuk diserahkan kepada kod atau alat reka bentuk.


Carian popular
penjana palet warna roda warna penjana harmoni warna warna pelengkap skema warna analog penjana palet percuma
Perlukan bantuan?
Menemui masalah dengan alat ini? Beritahu pasukan kami.
Laporkan masalah

Tambah alat percuma ini ke laman web anda sendiri — salin dan tampal kod di bawah.