Pemilih Warna

Setiap warna pada halaman ini menggunakan sRGB, ruang warna lalai web sejak pelayar menerimanya pada penghujung 1990-an. Skrin mencampurkan cahaya merah, hijau dan biru, dan setiap saluran mempunyai 256 aras (0–255), menghasilkan 16,777,216 warna yang mungkin. RGB menulis ketiga-tiga nombor itu secara langsung; HEX menulis tiga nombor yang sama dalam asas 16, dua digit setiap satu, jadi #FF6600 ialah merah 255, hijau 102, biru 0. Singkatan tiga digit menggandakan setiap digit: #F60 ialah #FF6600.

HSL dan HSB (juga dipanggil HSV) menerangkan warna yang sama dengan cara yang lebih mudah dilaras secara manual. Hue ialah sudut pada roda warna: 0° merah, 120° hijau, 240° biru. Perbezaannya terletak pada nombor terakhir. Dalam HSL, kecerahan (lightness) 100% sentiasa putih dan 50% ialah versi hue yang paling tulen; dalam HSB, kecerahan (brightness) 100% ialah hue tulen dan putih memerlukan ketepuan 0%. Aplikasi reka bentuk seperti Photoshop dan Figma menggunakan HSB dalam pemilih warna, manakala CSS memahami hsl() secara asal, sebab itu kedua-duanya disenaraikan di atas.

Skrin menambah cahaya; pencetak menolaknya dengan dakwat sian, magenta, kuning dan hitam. Kedua-dua sistem meliputi julat warna yang berbeza, dipanggil gamut. Warna skrin yang sangat tepu, seperti hijau RGB terang, biru elektrik atau oren neon, berada di luar apa yang boleh dihasilkan semula oleh dakwat proses, jadi hasil cetakannya lebih pudar daripada yang kelihatan pada monitor.

Nombor CMYK di sini menggunakan penukaran matematik biasa tanpa profil ICC, yang berguna untuk gambaran kasar tetapi tidak untuk mesin cetak. Pencetak menukar dengan profil untuk kertas dan mesinnya, seperti FOGRA39 di Eropah atau GRACoL di Amerika Syarikat, dan warna RGB yang sama boleh menghasilkan peratusan dakwat yang berbeza bagi setiap profil. Untuk kerja cetakan, hantar nilai RGB atau HEX bersama profil yang diminta oleh pencetak anda.

WCAG 2.1 membandingkan luminans relatif dua warna: warna yang lebih cerah campur 0.05, dibahagi warna yang lebih gelap campur 0.05. Hasilnya bermula dari 1:1 (warna sama) hingga 21:1 (hitam pada putih). Tahap AA memerlukan sekurang-kurangnya 4.5:1 untuk teks biasa dan 3:1 untuk teks besar, iaitu 18 mata atau 14 mata tebal; tahap AAA menaikkannya kepada 7:1 dan 4.5:1. Bahagian antara muka pengguna seperti sempadan input dan ikon memerlukan 3:1 berbanding persekitarannya di bawah kriteria kejayaan 1.4.11.

Luminans memberi pemberat jauh lebih besar kepada hijau berbanding biru, kerana mata paling peka terhadapnya. Itulah sebabnya teks kuning pada putih gagal teruk manakala biru tua pada putih lulus dengan mudah, walaupun kedua-dua warna kelihatan tepu sepenuhnya. Logo dan teks hiasan semata-mata dikecualikan daripada peraturan ini.

Palet gambar membaca fail anda dengan kanvas pelayar, mengecilkannya kepada maksimum 200 piksel pada sisi panjang dan mengumpulkan piksel yang serupa dengan kaedah median-cut yang diperihalkan oleh Paul Heckbert pada 1982: julat warna dipecahkan berulang kali mengikut saluran paling lebar sehingga tinggal enam kumpulan, dan purata setiap kumpulan menjadi satu petak warna. Piksel lutsinar diabaikan, jadi logo pada latar belakang lutsinar memberikan warna logo itu.

Setelah anda mendapat warna, logo yang rata selalunya lebih sesuai sebagai vektor. Penukar gambar ke SVG mengesannya menjadi bentuk yang mengekalkan warna tepat ini, dan jika anda mereka bentuk pengepala saluran, pengubah saiz banner YouTube memuatkan karya seni ke 2560 × 1440 dengan mengambil kira kawasan selamat.