Penjana Palet Warna - Hasilkan Skema Warna Harmoni

Apakah penjana palet warna?

Penjana palet warna ialah alat yang membina set warna yang sepadan daripada satu warna permulaan, yang dipanggil warna primer. Penjana palet warna ini menerima warna primer dan jenis harmoni, kemudian mengira warna lain dalam palet menggunakan peraturan teori warna. Empat jenis harmoni yang disokongnya ialah pelengkap, analogus, triadik dan monokromatik.

Cara alat ini membina palet

Alat ini menukar warna primer daripada kod heks (seperti #3B82F6) kepada model warna HSL. HSL menerangkan warna dengan tiga nombor:

• Rona: kedudukan warna pada roda warna 360 darjah (0° ialah merah, 120° ialah hijau, 240° ialah biru).
• Ketepuan: keamatan warna, daripada 0% (kelabu) hingga 100% (warna tulen).
• Kecerahan: sejauh mana warna menghampiri hitam atau putih, daripada 0% (hitam) hingga 100% (putih).

Setiap jenis harmoni mengubah rona, kecerahan atau kedua-duanya, kemudian menukar hasilnya kembali kepada kod heks.

Cara mengira warna pelengkap

Rumus:

$h' = (h + 180) \bmod 360$

dengan h ialah rona warna primer dalam darjah dan h′ ialah rona baharu. Langkah mod mengembalikan hasil yang melepasi satu pusingan penuh ke roda warna.

Ketepuan dan kecerahan kekal sama.

Contoh penggunaan: Biru tulen, #0000FF, mempunyai rona 240°, ketepuan 100% dan kecerahan 50%. Penambahan 180° menghasilkan rona 60°. Apabila rona 60° ditukar kembali kepada kod heks, dengan ketepuan dan kecerahan yang sama, hasilnya ialah #FFFF00, iaitu kuning. Jadi, alat ini memadankan biru dengan kuning, bukannya jingga.

Hal ini boleh mengelirukan kerana kelas seni sering mengajarkan roda warna yang berbeza, iaitu roda pigmen RYB (merah-kuning-biru), yang menganggap lawan biru sebagai jingga. Alat ini menggunakan roda HSL berasaskan RGB yang digunakan oleh skrin, jadi pasangan pelengkapnya berbeza daripada roda pencampuran cat.

Cara mengira warna analogus

Warna analogus terletak berhampiran warna primer pada roda. Alat ini menjana dua rona yang berjarak 30° dan dua rona yang berjarak 60° daripada rona primer, semuanya dengan ketepuan dan kecerahan yang sama.

$h \pm 30^{\circ}, \qquad h \pm 60^{\circ}$

dengan h ialah rona warna primer.

Contoh penggunaan: Biru, #0000FF (rona 240°), menghasilkan rona 270° (#8000FF), rona 210° (#0080FF), rona 300° (#FF00FF) dan rona 180° (#00FFFF). Bersama warna primer, palet itu mengandungi lima warna.

Cara mengira warna triadik

Warna triadik berjarak 120° antara satu sama lain pada roda, lalu membentuk tiga serangkai yang dijarakkan sama rata bersama warna primer.

$h + 120^{\circ}, \qquad h + 240^{\circ}$

Contoh penggunaan: Merah, #FF0000 (rona 0°), menghasilkan rona 120° (#00FF00, hijau) dan rona 240° (#0000FF, biru). Set tiga warna itu ialah merah, hijau dan biru, iaitu tiga rona yang sama digunakan sebagai warna primer pada skrin digital.

Cara mengira warna monokromatik

Warna monokromatik mengekalkan rona dan ketepuan yang sama serta hanya mengubah kecerahan. Alat ini mengubah kecerahan sebanyak 15 dan 30 mata peratusan pada setiap arah, dengan had antara 5% dan 95%.

$l \pm 15, \qquad l \pm 30$

dengan l ialah kecerahan warna primer dalam mata peratusan.

Contoh penggunaan: Biru, #0000FF (kecerahan 50%), menghasilkan kecerahan 65% (#4D4DFF), kecerahan 35% (#0000B3), kecerahan 80% (#9999FF) dan kecerahan 20% (#000066).

Disebabkan had 5% dan 95%, warna primer yang sudah sangat cerah atau sangat gelap boleh mencapai had yang sama dua kali. Hitam, #000000, menghasilkan kecerahan 15% (#262626), 5% (#0D0D0D), 30% (#4D4D4D) dan 5% sekali lagi (#0D0D0D), jadi satu warna berulang.

Menggunakan alat ini

1. Pilih warna primer dengan pemilih warna atau taipkan kod heks seperti #3B82F6.
2. Pilih jenis harmoni: pelengkap, analogus, triadik atau monokromatik.
3. Lihat palet yang dijana. Setiap petak warna memaparkan kod heksnya pada butang.
4. Klik butang itu untuk menyalin kod heks atau gunakan "Salin Semua Warna" untuk menyalin seluruh palet sekali gus.

Menyemak kontras untuk kebolehcapaian

Setiap petak warna memaparkan dua lencana kecil: satu untuk kontras dengan putih dan satu lagi untuk kontras dengan hitam. Alat ini mengira nisbah kontras menggunakan rumus WCAG (Garis Panduan Kebolehcapaian Kandungan Web):

$C = \frac{L_{1} + 0.05}{L_{2} + 0.05}$

dengan C ialah nisbah kontras.

L1 ialah luminans relatif warna yang lebih cerah dan L2 ialah luminans relatif warna yang lebih gelap. Luminans diperoleh daripada nilai merah, hijau dan biru warna tersebut. Lencana memaparkan "AA" apabila nisbahnya ialah 4.5 atau lebih, iaitu nilai minimum WCAG untuk teks bersaiz biasa. Lencana memaparkan "!" apabila nisbahnya kurang daripada 4.5. Apabila kursor diletakkan di atas lencana, nisbah tepat dipaparkan. Teks hitam pada latar belakang putih memperoleh nisbah 21, iaitu nilai tertinggi yang mungkin.

Alat ini menggunakan peraturan kontras yang sama untuk memilih warna butang salin pada setiap petak warna. Alat ini membandingkan warna petak dengan hitam dan putih, kemudian memilih warna yang lebih jelas antara kedua-duanya. Pertukaran itu berlaku pada luminans relatif kira-kira 0.179, iaitu titik apabila kedua-dua nisbah adalah sama.

Soalan lazim

Apakah penjana palet warna? Ia ialah alat yang menghasilkan set warna yang serasi antara satu sama lain, bermula daripada satu warna primer dan peraturan harmoni yang dipilih.

Mengapakah alat ini memadankan biru dengan kuning dan bukannya jingga untuk warna pelengkap? Alat ini memutarkan rona sebanyak 180° pada roda HSL, yang berasaskan cara skrin mencampurkan cahaya merah, hijau dan biru. Roda cat merah-kuning-biru yang diajarkan dalam kelas seni menghasilkan pasangan pelengkap yang berbeza kerana roda itu mencampurkan pigmen, bukannya cahaya.

Berapakah jumlah warna yang dihasilkan oleh setiap jenis harmoni? Harmoni pelengkap menghasilkan sejumlah 2 warna, termasuk warna primer. Harmoni triadik menghasilkan 3 warna. Harmoni analogus menghasilkan 5 warna. Harmoni monokromatik menghasilkan 5 warna.

Apakah model warna yang digunakan oleh alat ini secara dalaman? HSL (rona, ketepuan, kecerahan). Alat ini menukar kod heks masukan kepada HSL, melakukan pengiraan, kemudian menukar hasilnya kembali kepada heks.

Adakah alat ini menyemak sama ada warna boleh diakses? Ya. Setiap petak warna menunjukkan sama ada warnanya mempunyai kontras yang mencukupi dengan putih dan hitam untuk memenuhi piawaian WCAG AA bagi teks biasa, yang memerlukan nisbah sekurang-kurangnya 4.5.

Bolehkah lebih daripada satu jenis harmoni digunakan untuk sesuatu projek? Ya. Banyak reka bentuk menggabungkan beberapa jenis harmoni, contohnya set analogus untuk warna utama dan satu warna pelengkap untuk butang atau sorotan.

Format warna

Alat ini menulis setiap warna yang dijana sebagai kod heks enam digit yang didahului tanda # (contohnya #ff0000 untuk merah). Kod heks memetakan secara langsung kepada nilai merah, hijau dan biru daripada 0 hingga 255 bagi setiap saluran. Warna primer dipaparkan tepat seperti yang dimasukkan, jadi singkatan tiga digit seperti #F00 kekal dalam bentuk pendek. Kod tiga digit bermaksud warna yang sama seperti bentuk enam digit: setiap digit digandakan, jadi #F00 ialah #FF0000. HSL ialah cara alternatif untuk menerangkan warna yang sama menggunakan rona, ketepuan dan kecerahan, bukannya nilai merah, hijau dan biru.