Alat Cadangan Kombinasi Warna

Penjana padanan warna profesional yang menyokong pelbagai mod skema warna seperti monokrom, warna pelengkap dan triad, serta boleh menjana skema warna secara pukal dan mengeksportnya.

Laporan pepijat

Mod pelaksanaan pelayar: Data anda diproses dalam penyemak imbas dan tidak dimuat naik ke pelayan.

Kelajuan dan kestabilan: Kelajuan pemprosesan bergantung pada peranti dan pelayar anda. Untuk kerja kelompok besar, versi desktop mungkin lebih stabil.

Memuatkan alat, sila tunggu...

Jika alat dalam talian tidak dapat dimuatkan atau dijalankan, cuba alat desktop. https://tools.yikeaigc.com/

Penggunaan Alat

Kembali ke versi lama

Tetapkan dahulu, kemudian proses

Tetapkan warna utama dan aturan warna dahulu, kemudian jana skema boleh eksport

Mula cepat dengan warna contoh, atau masukkan HEX untuk pilih warna tepat. Setiap langkah ada butang seterusnya; selepas selesai, jana, simpan dan muat turun.

HEX / RGB / HSL / CMYK Monokrom / Pelengkap / Triad CSS / SCSS / JSON / PNG Tetapan boleh disimpan

Warna utama semasa Klik nilai warna untuk salin

HEX

RGB

HSL

Tetapan warna utama

Sila tetapkan warna utama dahulu. Gunakan pemilih warna, input HEX atau peluncur HSL; skema dikemas kini masa nyata.

Warna asasSokong HEX 6 digit

Nilai warna HEX Contoh: #0F6FAE

CMYK

Laras halus HSLSesuai untuk melaras rona, ketepuan dan kecerahan

Rona205°

Ketepuan78%

Kecerahan37%

Nama skema

Warna contohKlik untuk terus laras

Aturan warna

Pilih model warna, kemudian tetapkan bilangan warna dan anjakan terang/gelap. Disyorkan jana sekali dengan tetapan lalai, kemudian laras mengikut senario reka bentuk.

Model warnaWarna seanalog sesuai untuk gaya visual seragam dan lembut

Parameter janaTetapkan parameter dahulu, kemudian pratonton

Bilangan warna

Sudut bersebelahan24°

Ofset ketepuan0%

Ofset kecerahan0%

Peneutralan8%

Cara Isih

Jenis kecerunan

Sudut gradien90°

Pratonton & laras

Semak kod setiap warna, kebolehbacaan teks dan contoh UI. Klik mana-mana nilai warna untuk salin.

Skema warna5 warna

Pratonton UIUntuk menilai hierarki dengan cepat

Kod kecerunanBoleh salin terus ke CSS

Simpan eksport

Boleh eksport skema semasa atau jana banyak skema. Hasil pukal hanya papar 20 pertama; muat turun merangkumi semua hasil.

Pilihan kelompokTetapkan jumlah mengikut perlu

Jumlah skema

Julat perubahan

Eksport kandunganUntuk fail dan kod

HEX RGB HSL CMYK

JSON CSS SCSS PNG

Tindakan muat turunZIP akan membungkus semua hasil pukal

Hasil KelompokBelum dijana pukal

Sila tetapkan warna utama dan peraturan warna dahulu, kemudian klik “Jana pukal”.

Skema disimpan0 item

Skema yang disimpan akan dipaparkan di sini untuk diguna semula atau dipadam.

Arahan

Arahan Penggunaan Perisian

Tetapkan warna utama:Gunakan pemilih warna, kotak input HEX atau gelangsar HSL dalam “Tetapan Warna Utama” untuk menetapkan warna asas, atau klik warna contoh untuk memuatkan dengan cepat.
Pilih peraturan padanan warna:
- Monokrom:Menjana tahap cerah dan gelap berdasarkan rona yang sama, sesuai untuk reka bentuk gaya seragam.
- Warna analog:Memilih rona bersebelahan, sesuai untuk kesan visual yang lembut dan berlapis.
- Warna pelengkap:Menggunakan warna bertentangan pada roda warna, sesuai untuk menonjolkan butang, tajuk dan kandungan penting.
- Pelengkap terpisah:Menambah warna penyeimbang dalam hubungan kontras, sesuai untuk grafik operasi dan visual kempen.
- Triad, tetrad, warna segi empat:Sesuai untuk carta, label kategori dan antara muka berbilang modul.
- Warna neutral:Sesuai untuk halaman perniagaan, antara muka alat dan reka bentuk dokumen.
Laraskan parameter penjanaan:Tetapkan bilangan warna, sudut berdekatan, anjakan ketepuan, anjakan kecerahan, nisbah peneutralan, kaedah pengisihan dan sudut kecerunan.
Pratonton skema warna:Masuk ke “Pratonton dan Pelarasan Halus” untuk melihat maklumat HEX, RGB, HSL dan kontras bagi setiap warna; klik butang nilai warna untuk menyalin.
Simpan skema dan tetapan:Klik “Simpan Skema Semasa” untuk menyimpan skema warna sebagai kegemaran, dan klik “Simpan Tetapan” untuk menyimpan parameter semasa bagi memudahkan penggunaan seterusnya.
Penjanaan kelompok:Masuk ke “Simpan dan Eksport” untuk menetapkan bilangan skema dan tahap variasi, kemudian klik “Jana Secara Kelompok” untuk menjana beberapa set skema warna. Antara muka memaparkan 20 skema pertama, manakala muat turun akan merangkumi semua hasil.
Eksport fail:Anda boleh memuat turun fail JSON, CSS, SCSS, PNG secara berasingan, atau memilih kandungan eksport lalu memuat turun arkib ZIP.

Soalan Lazim

J:Monokrom sesuai untuk peluasan jenama dan antara muka ringkas; warna analog sesuai untuk halaman yang lembut dan seragam; warna pelengkap sesuai untuk menekankan maklumat penting; triad sesuai untuk carta dan susun atur berbilang modul; warna neutral sesuai untuk alat perniagaan dan senario dokumen.

J:Masukkan kod warna dalam kotak input HEX, contohnya #0F6FAE, dan alat akan mengemas kini pemilih warna, gelangsar HSL serta pratonton padanan warna secara serentak. Anda juga boleh membuat pelarasan halus melalui gelangsar rona, ketepuan dan kecerahan.

Jawapan: Fail CSS akan menjana kod warna dalam bentuk pemboleh ubah yang boleh digunakan untuk gaya laman web; fail SCSS sesuai untuk projek Sass. Kedua-dua format memudahkan penggunaan semula dalam sistem reka bentuk, penukaran tema dan gaya komponen.

Jawapan: Penjanaan pukal akan membuat anjakan munasabah pada rona, ketepuan dan kecerahan berdasarkan warna utama semasa, peraturan padanan warna dan julat perubahan, lalu menghasilkan beberapa set skema warna yang berkaitan dari segi gaya tetapi tidak berulang.

Jawapan: Skema yang disimpan akan direkodkan dalam storan tempatan peranti semasa. Selepas membersihkan data laman atau menukar peranti, skema yang disimpan sebelum ini mungkin tidak dapat dipaparkan lagi. Disarankan agar skema penting dieksport sebagai fail dengan segera.

Jawapan: Tidak. Pengiraan warna, penyimpanan skema dan penjanaan fail semuanya dilakukan pada peranti semasa. Warna utama, skema dan kandungan eksport tidak akan dimuat naik ke pelayan.

Jawapan: Lihat kontras teks putih dan kontras teks gelap bagi setiap warna dalam “Pratonton Penalaan Halus”. Semakin tinggi nilainya, semakin jelas teks untuk dibaca. Apabila digunakan sebagai latar belakang kandungan utama, disarankan memilih warna teks dengan kontras yang lebih tinggi.