Pemilih Warna

WCAG (Web Content Accessibility Guidelines) menetapkan nisbah kontras minimum antara teks dan latar belakangnya untuk memastikan kebolehbacaan bagi orang yang mempunyai penglihatan rendah atau buta warna. AA adalah minimum undang-undang di kebanyakan bidang kuasa: 4.5:1 untuk teks biasa (di bawah 18pt/14pt tebal), 3:1 untuk teks besar. AAA adalah standard dipertingkat: 7:1 untuk teks biasa, 4.5:1 untuk teks besar. Kira-kira 8% lelaki dan 0.5% wanita mempunyai beberapa bentuk kekurangan penglihatan warna, menjadikan pematuhan kontras penting untuk produk yang berorientasikan awam. Pemeriksa di sini menguji kedua-dua warna teks dan latar belakang secara serentak dan menunjukkan kombinasi mana yang lulus atau gagal.

Kedua-duanya menggunakan Hue (0-360 darjah) dan Saturation, tetapi berbeza pada saluran ketiga. HSL (Lightness) menetapkan 50% sebagai warna tepu murni, 0% sebagai hitam, dan 100% sebagai putih — menjadikannya intuitif untuk CSS dan reka bentuk. HSV (Value/Brightness) menetapkan 100% Value sebagai warna tepu murni dan 0% sebagai hitam — tiada warna putih murni dalam HSV melainkan Saturation adalah 0%. Adobe Photoshop, Illustrator, dan kebanyakan pemilih warna OS asli menggunakan HSV. CSS dan alat reka bentuk web biasanya menggunakan HSL. Alatan ini menukar antara kedua-duanya serta-merta.

Nilai CMYK yang dipaparkan adalah penukaran matematik daripada RGB menggunakan formula standard. Ia adalah anggaran berguna untuk aliran kerja digital-ke-cetak, tetapi warna cetakan dunia sebenar sangat bergantung pada pencetak khusus, dakwat, kertas, dan profil warna ICC yang digunakan. Untuk kerja cetakan profesional, sentiasa sahkan warna akhir dengan bukti fizikal atau rujuk spesifikasi warna perkhidmatan percetakan. Nilai CMYK di sini berfungsi dengan baik untuk keputusan warna peringkat awal dan pratonton cetakan.

Klik bahagian Presets dan pilih sama ada Tailwind CSS atau Material Design. Setiap palet menunjukkan skala warna penuh (cth. Tailwind blue-50 hingga blue-950, atau Material red 100 hingga 900). Klik mana-mana sampel untuk memuatkan warna itu ke dalam pemilih dan dapatkan nilai HEX, RGB, HSL, dan nilai lain serta-merta. Ini berguna apabila membina dalam sistem reka bentuk sedia ada — anda boleh menyalin format tepat yang anda perlukan (cth. nilai HSL bagi Tailwind blue-600) tanpa perlu mencarinya di tempat lain.

Warna yang disimpan disimpan dalam localStorage pelayar anda — ia kekal antara sesi pada peranti dan pelayar yang sama, tetapi tidak disinkronkan ke pelayan atau merentas peranti. Ia juga akan dipadam jika anda mengosongkan data pelayar anda. Untuk warna yang anda mahu simpan untuk jangka panjang, salin nilai HEX ke dokumen reka bentuk atau simpan dalam perpustakaan warna alat reka bentuk anda. Tiada akaun atau log masuk diperlukan.

Ya. Anda boleh menaip atau menampal kod HEX terus ke dalam medan input HEX (dengan atau tanpa awalan #) dan pemilih serta semua medan format lain akan dikemas kini dengan serta-merta. Anda juga boleh melaraskan gelongsor Hue, Saturation, dan Lightness secara terus jika anda mahu mengubah ciri tertentu tanpa menukar yang lain. Ini berguna apabila anda mempunyai kod hex daripada fail reka bentuk dan mahu menyemak kontrasnya atau menukarnya ke format lain.

Tidak. Semua pemilihan warna, penukaran format, pengiraan kontras, dan penyimpanan palet dijalankan sepenuhnya dalam pelayar anda menggunakan JavaScript. Tiada nilai warna, tiada palet yang disimpan, dan tiada data penggunaan yang dihantar ke mana-mana pelayan. Alatan ini berfungsi sepenuhnya secara luar talian setelah halaman dimuatkan.