🎨

Sedia untuk menjana warna

Konfigurasikan tetapan anda di panel sebelah kanan dan klik "Jana warna"

Tunjukkan nisbah kontras WCAG antara warna
Simulasikan bagaimana warna kelihatan bagi mereka yang mempunyai kekurangan penglihatan warna

Tiada sejarah lagi. Jana beberapa warna!

Cara ia berfungsi

Penjana warna rawak kami mencipta warna menggunakan ruang warna HSL untuk kawalan tepat ke atas hue, ketepuan dan kecerahan. Pilih daripada warna tunggal, palet harmoni atau kecerunan yang cantik. Gunakan penapis untuk suhu, ketepuan dan kecerahan. Semak kebolehcapaian dengan kalkulator nisbah kontras WCAG dan simulator buta warna terbina dalam.

Kes penggunaan biasa

🌐

Reka bentuk web

Jana skema warna untuk laman web, aplikasi dan antara muka digital dengan nisbah kontras yang boleh dicapai

📱

Reka bentuk UI/UX

Cipta palet warna harmoni untuk antara muka pengguna dengan semakan pematuhan WCAG

🏷️

Penjenamaan & identiti

Temui gabungan warna unik untuk logo, garis panduan jenama dan bahan pemasaran

🎨

Seni & ilustrasi

Cari palet warna yang memberi inspirasi untuk seni digital, ilustrasi dan projek kreatif

Ciri-ciri

  • ✅ Mod warna tunggal, palet dan kecerunan
  • ✅ 6 peraturan harmoni warna (pelengkap, analog, triadik, dll.)
  • ✅ Penapis suhu, ketepuan dan kecerahan
  • ✅ Penyemak nisbah kontras WCAG (pematuhan AA/AAA)
  • ✅ Simulasi buta warna (protanopia, deuteranopia, tritanopia)
  • ✅ Kunci warna dan jana semula yang lain
  • ✅ Eksport sebagai pemboleh ubah CSS, JSON atau teks
  • ✅ Format HEX, RGB, HSL dan CMYK

Apa itu penjana warna rawak?

Penjana warna rawak ialah alat dalam talian yang mencipta warna rawak, palet warna dan kecerunan untuk pereka, pembangun dan artis. Penjana skema warna ini menggunakan matematik ruang warna HSL untuk menghasilkan warna dengan kawalan tepat ke atas hue, ketepuan dan kecerahan, menjadikannya lebih unggul berbanding penjana hex rawak yang ringkas. Sama ada anda memerlukan satu warna aksen untuk laman web anda, palet 5 warna yang harmoni untuk identiti jenama anda, atau kecerunan yang cantik untuk latar belakang UI anda, penjana palet warna ini memberikan hasil profesional serta-merta. Pereka bergantung pada alat ini untuk prototaip pantas, pembangun menggunakannya untuk menjana warna tema, dan artis mencari inspirasi untuk projek kreatif mereka.

Penjana warna berfungsi dengan menghasilkan warna dalam ruang warna HSL (Hue, Ketepuan, Kecerahan) dan menukarkannya kepada pelbagai format output termasuk kod HEX untuk pembangunan web, nilai RGB untuk reka bentuk digital, HSL untuk penggayaan CSS dan anggaran CMYK untuk penyediaan cetakan. Anda boleh menjana warna dalam tiga mod: Warna Tunggal untuk pemilihan warna pantas, mod Palet untuk mencipta 2-10 warna harmoni, dan mod Kecerunan untuk menghasilkan peralihan warna yang cantik dengan kod CSS sedia guna. Sistem harmoni memastikan gabungan yang estetik menggunakan peraturan teori warna — warna pelengkap berada di seberang pada roda warna untuk kontras maksimum, warna analog berada bersebelahan untuk peralihan lancar, warna triadik membentuk segi tiga sama sisi untuk kepelbagaian yang meriah, dan pelengkap terpisah memberikan kontras dengan ketegangan kurang berbanding skema pelengkap penuh.

Apa yang membezakan penjana warna ini daripada pesaing ialah set alat kebolehcapaian terbina dalam. Penyemak nisbah kontras WCAG mengira kontras antara mana-mana dua warna yang dijana dan memaparkan sama ada ia memenuhi piawaian kebolehcapaian WCAG 2.0 AA (4.5:1 untuk teks biasa, 3:1 untuk teks besar) dan AAA (7:1 untuk teks biasa, 4.5:1 untuk teks besar). Ini penting untuk pereka web yang perlu memastikan pilihan warna mereka boleh dibaca oleh semua pengguna. Simulator buta warna menunjukkan bagaimana warna yang anda jana kelihatan kepada orang yang mempunyai protanopia (buta merah), deuteranopia (buta hijau), dan tritanopia (buta biru), membantu anda mencipta reka bentuk inklusif yang berfungsi untuk kira-kira 8% lelaki dan 0.5% wanita yang mempunyai beberapa bentuk kekurangan penglihatan warna.

Sistem penapis memberi anda kawalan terperinci ke atas warna yang dijana. Penapis suhu menghadkan warna kepada ton hangat (merah, oren, kuning) untuk reka bentuk bertenaga, ton sejuk (biru, hijau, ungu) untuk estetika tenang, atau ton neutral untuk komposisi seimbang. Penapis ketepuan membolehkan anda menjana warna pastel untuk reka bentuk lembut, warna terang untuk kenyataan berani, ton lembut untuk palet canggih, atau warna neon untuk kesan yang menarik perhatian. Penapis kecerahan mengawal sama ada warna cerah untuk reka bentuk ringan, sederhana untuk antara muka seimbang, atau gelap untuk tema dramatik. Ciri kunci membolehkan anda menyimpan warna kegemaran sambil menjana semula yang lain, sesuai untuk membina palet secara berperingkat. Eksport warna anda sebagai CSS custom properties untuk kegunaan langsung dalam helaian gaya, JSON untuk kegunaan programatik, atau teks biasa untuk dokumentasi. Sejarah penjanaan menjejaki semua skema warna terdahulu supaya anda boleh melawat semula dan menggunakan semula gabungan kegemaran anda.