Alat Rekomendasi Kombinasi Warna

Generator palet warna profesional, mendukung berbagai mode skema warna seperti monokrom, warna komplementer, dan triadik, serta dapat menghasilkan skema warna secara massal dan mengekspornya.

Laporan bug

Mode eksekusi browser: Data Anda diproses di browser dan tidak diunggah ke server.

Kecepatan dan stabilitas: Kecepatan pemrosesan bergantung pada perangkat dan browser Anda. Untuk pekerjaan batch besar, versi desktop mungkin lebih stabil.

Memuat alat, harap tunggu...

Jika alat online tidak dapat dimuat atau dijalankan, coba alat desktop. https://tools.yikeaigc.com/

Penggunaan Alat

Kembali ke versi lama

Atur dulu, lalu proses

Tentukan warna utama dan aturan palet, lalu buat skema yang bisa diekspor

Mulai cepat dengan contoh warna, atau masukkan HEX untuk memilih tepat. Tiap langkah punya tombol berikutnya; setelah selesai, buat, simpan, dan unduh.

HEX / RGB / HSL / CMYK Monokrom / Komplementer / Triadik CSS / SCSS / JSON / PNG Pengaturan tersimpan

Warna utama saat ini Klik nilai warna untuk menyalin

HEX

RGB

HSL

Pengaturan warna utama

Atur warna utama dulu. Gunakan pemilih warna, input HEX, atau slider HSL; skema diperbarui real-time.

Warna dasarMendukung HEX 6 digit

Nilai warna HEX Contoh: #0F6FAE

CMYK

Penyesuaian HSLCocok untuk menyetel hue, saturasi, dan kecerahan

Rona205°

Saturasi78%

Kecerahan37%

Nama skema

Contoh warnaKlik untuk lanjut menyesuaikan

Aturan palet

Pilih model palet, lalu atur jumlah warna dan offset terang-gelap. Sebaiknya buat sekali dengan parameter default, lalu sesuaikan dengan kebutuhan desain.

Model paletWarna analog cocok untuk gaya visual seragam dan lembut

Parameter pembuatanAtur parameter dulu, lalu pratinjau

Jumlah warna

Sudut berdekatan24°

Offset saturasi0%

Offset kecerahan0%

Netralisasi8%

Urutkan

Jenis gradien

Sudut gradasi90°

Pratinjau & sesuaikan

Periksa kode tiap warna, keterbacaan teks, dan contoh UI. Klik nilai warna untuk menyalin.

Skema warna5 warna

Pratinjau antarmukaUntuk cepat menilai relasi utama-sekunder

Kode gradienBisa langsung disalin ke CSS

Simpan Ekspor

Ekspor skema saat ini atau buat banyak skema. Hasil massal hanya menampilkan 20 pertama; unduhan berisi semua hasil.

Opsi batchAtur jumlah sesuai kebutuhan

Jumlah skema

Tingkat variasi

Konten eksporUntuk file dan kode

HEX RGB HSL CMYK

JSON CSS SCSS PNG

Aksi unduhZIP akan mengemas semua hasil massal

Hasil massalBelum dibuat massal

Selesaikan pengaturan warna utama dan aturan palet, lalu klik “Buat Massal”.

Skema tersimpan0 item

Skema tersimpan akan tampil di sini, bisa diterapkan ulang atau dihapus.

Petunjuk

Petunjuk Penggunaan Perangkat Lunak

Atur warna utama:Di “Pengaturan Warna Utama”, gunakan pemilih warna, kotak input HEX, atau slider HSL untuk mengatur warna dasar. Anda juga dapat mengeklik warna contoh untuk memuatnya dengan cepat.
Pilih aturan skema warna:
- Monokrom:Menghasilkan tingkatan terang dan gelap berdasarkan rona yang sama, cocok untuk desain bergaya seragam.
- Warna analog:Memilih rona yang berdekatan, cocok untuk efek visual yang lembut dan berlapis.
- Warna komplementer:Menggunakan warna di sisi berlawanan pada roda warna, cocok untuk menonjolkan tombol, judul, dan konten penting.
- Komplementer terpisah:Menambahkan warna penyeimbang dalam hubungan kontras, cocok untuk visual promosi dan kampanye.
- Triadik, tetradik, dan warna persegi:Cocok untuk grafik, label kategori, dan antarmuka multimodul.
- Warna netral:Cocok untuk halaman bisnis, antarmuka alat, dan desain dokumen.
Sesuaikan parameter pembuatan:Atur jumlah warna, sudut kedekatan, pergeseran saturasi, pergeseran kecerahan, rasio netralisasi, metode pengurutan, dan sudut gradien.
Pratinjau skema warna:Masuk ke “Pratinjau & Penyesuaian” untuk melihat informasi HEX, RGB, HSL, dan kontras setiap warna. Klik tombol nilai warna untuk menyalin.
Simpan skema dan pengaturan:Klik “Simpan Skema Saat Ini” untuk menyimpan skema warna ke favorit, dan klik “Simpan Pengaturan” untuk menyimpan parameter saat ini agar dapat digunakan kembali nanti.
Pembuatan massal:Masuk ke “Simpan & Ekspor” untuk mengatur jumlah skema dan tingkat variasi, lalu klik “Buat Massal” untuk menghasilkan beberapa kumpulan skema warna. Antarmuka menampilkan 20 skema pertama, sedangkan unduhan akan mencakup semua hasil.
Ekspor file:Anda dapat mengunduh file JSON, CSS, SCSS, dan PNG secara terpisah, atau memilih konten ekspor lalu mengunduh paket ZIP.

Pertanyaan Umum

J:Monokrom cocok untuk perluasan merek dan antarmuka sederhana; Warna analog cocok untuk halaman yang lembut dan seragam; Warna komplementer cocok untuk menekankan informasi utama; Triadik cocok untuk grafik dan tata letak multimodul; Warna netral cocok untuk alat bisnis dan skenario dokumen.

J:Masukkan kode warna di kotak input HEX, misalnya #0F6FAE. Alat akan memperbarui pemilih warna, slider HSL, dan pratinjau skema warna secara bersamaan. Anda juga dapat melakukan penyesuaian halus melalui slider rona, saturasi, dan kecerahan.

J: File CSS akan menghasilkan kode warna dalam bentuk variabel, yang dapat digunakan untuk gaya halaman web; file SCSS cocok untuk proyek Sass. Kedua format memudahkan penggunaan ulang dalam sistem desain, pergantian tema, dan gaya komponen.

J: Pembuatan massal akan melakukan pergeseran wajar pada hue, saturasi, dan kecerahan berdasarkan warna utama saat ini, aturan kombinasi warna, dan tingkat variasi, sehingga menghasilkan beberapa skema warna yang gayanya saling terkait tetapi tidak berulang.

J: Skema yang disimpan akan dicatat di penyimpanan lokal perangkat saat ini. Setelah data situs dibersihkan atau perangkat diganti, skema yang sebelumnya disimpan mungkin tidak dapat ditampilkan lagi, jadi disarankan untuk segera mengekspor file untuk skema penting.

J: Tidak. Perhitungan warna, penyimpanan skema, dan pembuatan file semuanya dilakukan di perangkat saat ini; warna utama, skema, dan konten ekspor tidak akan diunggah ke server.

Jawaban: Lihat kontras teks putih dan kontras teks gelap untuk setiap warna di “Pratinjau dan Penyesuaian”. Semakin tinggi nilainya, semakin jelas teks untuk dibaca. Saat digunakan sebagai latar belakang teks utama, disarankan memilih warna teks dengan kontras yang lebih tinggi.