Pemilih warna & penyemak kontras
Pilih warna dengan pemilih atau taipkannya dalam sebarang format. Lihat dalam HEX, RGB, HSL, HSV dan CMYK, dapatkan ton cerah, ton gelap dan warna yang sepadan, dan semak sama ada teks dalam dua warna memenuhi garis panduan kontras WCAG untuk kebolehcapaian.
Warna
Tentang Pemilih warna & penyemak kontras
Pilih warna dengan pemilih atau taipkannya dalam sebarang format. Lihat dalam HEX, RGB, HSL, HSV dan CMYK, dapatkan ton cerah, ton gelap dan warna yang sepadan, dan semak sama ada teks dalam dua warna memenuhi garis panduan kontras WCAG untuk kebolehcapaian.
Sebahagian daripada bahagian “Fail, imej & reka bentuk” SmartCalcy. Ia berjalan dalam pelayar anda tanpa akaun, menggunakan mata wang dan unit anda sendiri (tukarkannya di bahagian atas halaman), dan memberikan anggaran untuk makluman sahaja, jadi semak panduan rasmi sebelum anda bergantung pada sesuatu hasil.
Cara menggunakan Pemilih warna & penyemak kontras
Apa yang dikira dan bila menggunakannya
Memilih dan menukar warna antara HEX, RGB, HSL, HSV dan CMYK, mencadangkan ton cerah, ton gelap dan warna yang sepadan, serta menyemak kontras teks berdasarkan garis panduan kebolehcapaian WCAG.
Cara menggunakannya, langkah demi langkah
- Pilih warna dengan pemilih atau taipkannya sebagai HEX, RGB, HSL atau nama warna.
- Pilih warna latar belakang untuk menyemak kontras.
- Salin mana-mana format dengan satu klik.
- Gunakan ton cerah, ton gelap dan warna sepadan untuk palet.
Maksud setiap input
- Warna – Bermula pada #2443C8, biru SmartCalcy.
- Latar belakang – Bermula pada putih.
Cara membaca hasil
- Nisbah kontras – Dari 1:1 hingga 21:1, dengan keputusan AA dan AAA untuk teks biasa dan teks besar.
- Format – HEX, RGB, HSL, HSV dan CMYK.
- Ton cerah dan ton gelap – Versi lebih cerah dan lebih gelap.
- Warna sepadan – Pelengkap, analog dan triadik.
Formula
Nisbah kontras = (L1 + 0.05) ÷ (L2 + 0.05), dengan L1 dan L2 ialah luminans relatif warna yang lebih cerah dan lebih gelap. WCAG AA memerlukan 4.5:1 untuk teks biasa dan 3:1 untuk teks besar; AAA memerlukan 7:1 dan 4.5:1.
Contoh pengiraan
Dengan warna permulaan, #2443C8 pada putih mempunyai nisbah kontras 7.74:1, yang lulus AAA untuk semua saiz teks.
Andaian dan had
- Nilai CMYK ialah penukaran ringkas, bukan profil cetakan dengan pengurusan warna.
- Keputusan kontras mengikut formula WCAG 2.
Kesilapan biasa
- Menyemak kontras pada teks besar sahaja tetapi menggunakan warna itu untuk teks kecil.
- Bergantung pada warna sahaja untuk menyampaikan makna.
Soalan lazim
Nisbah kontras berapakah yang saya perlukan?
Sekurang-kurangnya 4.5:1 untuk teks biasa dan 3:1 untuk teks besar bagi memenuhi WCAG AA.
Adakah teks besar mempunyai saiz khas?
Ya: sekurang-kurangnya 24 px, atau kira-kira 18.7 px tebal.
Bolehkah saya menaip nama warna?
Ya, sebarang nama warna CSS seperti teal atau tomato boleh digunakan.
Alat berkaitan
| Tahap | Teks biasa | Teks besar |
|---|---|---|
| AA | Lulus | Lulus |
| AAA | Lulus | Lulus |
Format
- HEX
- RGB
- HSL
- HSV
- CMYK