OpenTools

Konversi Kode Warna — HEX, RGB, HSL, CMYK, pemeriksa kontras

Digunakan untuk mengubah warna dari rancangan desain menjadi kode CSS, atau memeriksa apakah teks tombol cukup mudah dibaca sesuai standar aksesibilitas.

File tidak dikirim ke server — diproses hanya di dalam browser perangkat ini

Pemeriksa Kontras Warna (WCAG)

Ini adalah rasio kontras warna ini terhadap latar saat 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 putih6.29:1
✓ AA Teks biasa ✗ AAA Teks biasa ✓ AA Teks besar ✓ AAA Teks besar
Aa Bb 123
Latar hitam3.34:1
✗ AA Teks biasa ✗ AAA Teks biasa ✓ AA Teks besar ✗ AAA Teks besar
Aa Bb 123
Warna pilihan #FFFFFF6.29:1
✓ AA Teks biasa ✗ AAA Teks biasa ✓ AA Teks besar ✓ AAA Teks besar

Tingkat terang/gelap

Tekan kotak untuk menyalin kode HEX.

Iklan

Cara menggunakan Konversi Warna

  1. 1Masukkan kode warna atau pilih dengan pemilih warna (#4f46e5, rgb(), hsl() semuanya didukung).
  2. 2Kode dalam semua format akan muncul, dan dapat disalin dengan satu klik.
  3. 3Periksa rasio kontras terhadap putih, hitam, dan warna pilihan, status kelulusan WCAG, serta tingkat terang/gelap.

Pertanyaan yang Sering Diajukan

Berapa rasio kontras minimum yang diperlukan?

WCAG AA memerlukan rasio minimal 4,5:1 untuk teks biasa dan 3:1 untuk teks besar; AAA memerlukan masing-masing minimal 7:1 dan 4,5:1.

Nilai CMYK berbeda dengan percetakan.

Nilai CMYK di sini adalah konversi matematis sederhana. Hasil cetak sebenarnya tergantung pada profil kertas dan tinta, jadi ikuti standar dari percetakan.

Iklan