OpenTools

Penukaran Kod Warna — HEX, RGB, HSL, CMYK, semakan kontras kecerahan

Digunakan untuk menukar warna reka bentuk kepada kod CSS, atau menyemak sama ada teks butang mudah dibaca mengikut standard kebolehcapaian.

Fail tidak dihantar ke pelayan — diproses sepenuhnya dalam pelayar peranti ini

Semakan Kontras Kecerahan (WCAG)

Ini ialah nisbah kontras warna ini berbanding latar belakang apabila digunakan sebagai warna teks. Teks biasa: AA 4.5:1, AAA 7:1 / Teks besar (24px atau tebal 18.7px ke atas): AA 3:1, AAA 4.5:1.

Aa Bb 123
Latar belakang putih6.29:1
✓ AA teks biasa ✗ AAA teks biasa ✓ AA teks besar ✓ AAA teks besar
Aa Bb 123
Latar belakang hitam3.34:1
✗ AA teks biasa ✗ AAA teks biasa ✓ AA teks besar ✗ AAA teks besar
Aa Bb 123
Warna pilihan sendiri #FFFFFF6.29:1
✓ AA teks biasa ✗ AAA teks biasa ✓ AA teks besar ✓ AAA teks besar

Tahap cerah/gelap

Klik ruang untuk menyalin kod HEX.

Iklan

Cara guna Penukaran warna

  1. 1Masukkan kod warna atau pilih menggunakan pemilih warna (#4f46e5, rgb(), hsl() semuanya boleh).
  2. 2Kod bagi semua format dipaparkan, dan klik untuk menyalin.
  3. 3Semak nisbah kontras dengan putih, hitam atau warna pilihan sendiri, status lulus WCAG, dan tahap cerah/gelap.

Soalan Lazim

Berapakah nisbah kontras minimum yang diperlukan?

WCAG AA memerlukan 4.5:1 untuk teks biasa dan 3:1 untuk teks besar; AAA memerlukan 7:1 dan 4.5:1.

Nilai CMYK berbeza daripada kedai cetak.

CMYK di sini hanya penukaran matematik yang ringkas. Cetakan sebenar berbeza mengikut profil kertas dan dakwat, jadi ikut piawaian kedai cetak anda.

Iklan