Penjana Skema Warna

Pilih warna asas dan dapatkan palet penuh, pelengkap, analog, triadik, tetradik atau monokromatik. Salin mana-mana petak sebagai HEX, RGB atau HSL. Tiada apa meninggalkan pelayar anda.

Cara Penjana Skema Warna berfungsi

Color Scheme Generator membina palet warna lengkap daripada satu warna asas yang anda pilih: komplementari (bertentangan pada roda ton), analog (ton bersebelahan), triadik (tiga ton jarak sama), tetradik (empat ton dalam dua pasang komplementari), dan monokromatik (melaraskan kecerahan dan ketepuan ton yang sama). Semua logik palet berjalan dalam pelayar; tiada apa yang anda masukkan meninggalkan peranti anda.

Setiap palet yang dihasilkan menunjukkan swotch dengan nilai HEX dan RGB yang sedia untuk disalin. Ini memberikan pereka titik permulaan yang berasaskan teori warna dan bukannya tekaan. Kerana penjana ini boleh berfungsi tanpa talian selepas muatan halaman awal, anda boleh bereksperimen dengan warna jenama secara bebas semasa mesyuarat pelanggan tanpa memerlukan sambungan rangkaian. Masukkan warna asas anda dalam sebarang notasi yang anda ada, HEX, RGB atau HSL, dan setiap swotch yang dihasilkan diberikan kembali dalam ketiga-tiganya supaya anda boleh menyalin yang dikehendaki oleh alat reka bentuk anda.

Ditulis oleh Bastien Sulyan

Cara menggunakan Penjana Skema Warna, langkah demi langkah

Pilih warna asas menggunakan pemilih warna atau dengan menaip nilai HEX.
Pilih jenis harmoni dari tab: komplementari, analog, triadik, tetradik, atau monokromatik.
Swotch palet muncul serta-merta dengan nilai HEX dan RGB-nya.
Klik mana-mana swotch untuk menyalin nilai HEX-nya ke papan klip anda.
Laraskan warna asas untuk meneroka variasi dan perhatikan keseluruhan palet dikemas kini.

Kes penggunaan biasa

Pereka yang memulakan identiti jenama baru memilih warna utama mereka dan menghasilkan palet triadik untuk mencadangkan kombinasi tiga warna kepada pelanggan.
Pembangun yang membina tema mod gelap menggunakan palet monokromatik untuk menghasilkan julat tint dan bayang daripada satu warna jenama.
Pencipta kandungan memilih palet analog untuk memilih warna aksen bagi pembentangan yang terasa kohesif tanpa kontras yang keras.
Pereka UI menggunakan palet komplementari untuk mengenal pasti warna aksen kontras tinggi yang menonjol terhadap warna jenama utama.

Soalan lazim

Bagaimana palet komplementari berfungsi?

Warna komplementari ialah ton yang bertentangan terus dengan warna asas pada roda warna HSL, 180 darjah jauhnya. Meletakkan warna komplementari bersebelahan mencipta kontras maksimum. Alat ini menunjukkan warna asas dan komplemennya, ditambah varian lebih cerah dan lebih gelap bagi setiap satu.

Apakah perbezaan antara palet triadik dan tetradik?

Palet triadik menggunakan tiga ton yang jarak sama pada 120 darjah terpisah pada roda warna. Palet tetradik menggunakan empat ton pada 90 darjah terpisah, membentuk dua pasang komplementari (juga dipanggil palet komplementari berganda atau palet persegi). Palet tetradik lebih kompleks dan memerlukan pengimbangan perkadaran yang teliti untuk mengelakkan bunyi visual.

Adakah warna yang saya pilih disimpan atau dihantar ke mana-mana?

Tidak. Penjanaan palet adalah aritmetik pada perwakilan HSL warna asas: memutar sudut ton sebanyak jumlah tetap, mengalih kecerahan dan ketepuan. Setiap pengiraan berjalan secara setempat dalam pelayar; tiada apa yang dihantar ke mana-mana pelayan.

Bolehkah saya mengeksport palet sebagai fail CSS atau fail token reka bentuk?

Alat ini pada masa ini menunjukkan swotch dengan nilai HEX dan RGB yang boleh disalin. Untuk eksport sifat tersuai CSS penuh atau JSON token reka bentuk, salin nilai secara manual ke dalam fail token projek anda atau CSS. Butang eksport khusus mungkin ditambah dalam kemas kini masa hadapan.

Adakah penjana ini mengikuti sebarang standard teori warna rasmi?

Pengiraan palet menggunakan formula putaran ton standard dalam ruang warna HSL, yang merupakan konvensyen dalam kebanyakan alat reka bentuk web. Keseragaman perseptual tepat HSL mempunyai had berbanding LAB atau OKLCH, tetapi putaran HSL menghasilkan palet yang sepadan dengan konvensyen roda warna yang biasanya dijangkakan oleh pereka.

Alat berkaitan

Kekalkan semuanya setempat, terokai alat pelengkap.

Semua alat pembangun