Meneka warna yang sepadan hanya membazir masa reka bentuk. Penjana ini menggunakan harmoni roda warna klasik - hubungan hue yang sama seperti diajar dalam teori warna - jadi setiap palet tersusun secara matematik, bukan agak-agak semata-mata. Klik mana-mana swatch untuk menyalin kod hex-nya, atau salin keseluruhan palet sebagai custom property CSS yang sedia untuk ditampal. Ia sepenuhnya client-side: tiada akaun, tiada muat naik, tiada penjejakan warna jenama anda.
Penjana Palet Warna Percuma
Berjalan sepenuhnya dalam pelayar anda - tanpa muat naik, tanpa pendaftaran.
Harmoni
Pemboleh ubah CSS
Apakah penjana palet warna?
Penjana palet warna membina skema warna yang sepadan daripada satu warna asas menggunakan teori roda warna. Pilih atau taip warna hex, pilih harmoni seperti komplemen, analog, triad atau monokromatik, dan ia mengira warna-warna yang selaras serta-merta - setiap satu dengan kod hex yang boleh disalin. Semuanya berjalan dalam pelayar anda.
Cara guna
- 1Tetapkan warna asas anda. Klik color well untuk memilih secara visual, taip kod hex seperti #6366f1, atau tekan Rawak untuk titik permulaan baharu.
- 2Pilih harmoni. Beralih antara komplemen, split-komplemen, analog, triad, tetrad, monokromatik, shade dan tint. Palet dikira semula serta-merta.
- 3Salin warnanya. Klik mana-mana swatch untuk menyalin kod hex tersebut, atau gunakan butang Salin untuk mengambil keseluruhan palet sebagai pemboleh ubah CSS.
Untuk siapa
- Pereka web yang memulakan laman daripada satu warna jenama: jana pasangan analog atau split-komplemen untuk latar belakang, butang dan aksen.
- Pembangun front-end yang memerlukan permulaan design token: salin palet sebagai pemboleh ubah CSS dan tampal terus ke dalam stylesheet.
- Pemasar dan pembina slaid yang menyesuaikan carta, grafik media sosial atau pembentangan dengan warna logo tanpa alat reka bentuk.
- Ilustrator dan penggemar yang meneroka shade dan tint bagi satu hue untuk membina kedalaman, highlight dan bayangan dalam karya mereka.
Soalan lazim
Adakah penjana palet warna ini percuma?
Ya - 100% percuma tanpa pendaftaran, tanpa tera air dan tanpa had. Jana dan salin seberapa banyak palet yang anda mahu, untuk projek peribadi atau komersial.
Adakah data warna saya dimuat naik ke mana-mana?
Tidak. Palet dikira sepenuhnya dalam pelayar anda dengan JavaScript biasa. Warna jenama, input dan klik anda tidak pernah dihantar ke mana-mana pelayan.
Apakah warna komplemen?
Warna komplemen terletak tepat bertentangan dengan warna asas anda pada roda warna - putaran hue 180 darjah. Pasangan komplemen seperti biru dan oren memberikan kontras paling kuat, menjadikannya pilihan popular untuk butang call-to-action pada latar belakang warna jenama.
Apakah perbezaan antara palet analog dan triad?
Palet analog menggunakan hue jiran (dalam lingkungan 30 darjah daripada warna asas), jadi ia terasa tenang dan bersatu. Palet triad pula mengambil tiga hue yang bertaburan 120 darjah, menghasilkan skema yang lebih hidup dan seimbang dengan kontras lebih ketara antara warna.
Apakah shade dan tint?
Shade menggelapkan warna asas anda dengan menurunkan kecerahannya ke arah hitam; tint pula mencerahkannya ke arah putih. Kedua-duanya mengekalkan hue dan saturasi yang sama, jadi ia sesuai untuk keadaan hover, sempadan dan lapisan latar belakang bagi satu warna jenama.
Berapa banyak warna sepatutnya ada dalam palet laman web?
Peraturan biasa ialah 60-30-10: satu warna dominan untuk kira-kira 60% antara muka, warna kedua untuk 30%, dan aksen untuk 10%. Mulakan dengan harmoni 3-5 warna di sini, kemudian tambah shade dan tint bagi setiap satu untuk keadaan dan permukaan lain.
Mengapa palet hampir tidak berubah untuk kelabu atau hitam?
Kelabu, hitam dan putih mempunyai saturasi sifar, jadi tiada hue untuk diputar oleh harmoni - memutar sesuatu yang kosong tetap menghasilkan warna neutral yang sama. Bina tangga neutral menggunakan mod kecerahan sebaliknya: tint untuk hitam atau kelabu gelap, shade untuk putih atau kelabu cerah, dan monokromatik untuk kelabu pertengahan.