Konverter warna HEX/RGB/CMYK โ€” cek kontras WCAG online gratis

Konversi HEX, RGB, HSL, dan CMYK lengkap dengan pemeriksa kontras WCAG. Diproses lokal di browser, tanpa unggah. Dapatkan nilai CMYK siap cetak dan salin hasilnya sekarang.

Pratinjau teks

Hasil konversi

RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
CMYKcmyk(76%, 47%, 0%, 4%)

Aksesibilitas (WCAG)

Teks putih0.00:1
Teks normal (AA)Gagal
Teks besar (AA)Gagal
Teks hitam0.00:1
Teks normal (AA)Gagal
Teks besar (AA)Gagal

Cara menggunakan

1. Masukkan sebuah warna (misalnya `#3b82f6`) atau gunakan pemilih warna.
2. Salin nilai hasil konversinya (RGB/HSL/CMYK) secara instan.
3. Periksa hasil WCAG untuk melihat keterbacaan teks hitam dan putih.
4. Gunakan keluaran CMYK untuk spesifikasi desain yang siap cetak.

Fitur utama

- **Cek kontras WCAG**: hitung rasio kontras dan lihat status lolos/gagal AA dan AAA secara langsung.
- **CMYK untuk cetak**: ubah warna layar menjadi persentase CMYK yang siap dipakai untuk percetakan.
- **Ruang warna HSL**: gunakan HSL agar penyesuaian rona, saturasi, dan kecerahan terasa lebih intuitif.
- **Pemilih warna sistem**: ambil warna lewat color picker bawaan sistem operasi agar lebih akurat.
- Tetap privat: semua konversi berjalan secara lokal di browser Anda.

Alat terkait

Logika perhitungan

- Konversi memakai rumus standar RGBโ†”HSL dan RGBโ†”CMYK.
- WCAG memakai luminansi relatif dan rasio kontras.
- Luminansi dinyatakan sebagai \(L = 0.2126R + 0.7152G + 0.0722B\).
- Rasio kontras: \(\frac{L_1 + 0.05}{L_2 + 0.05}\), lalu dibandingkan dengan ambang AA/AAA.

Pertanyaan umum

### Bagaimana memastikan warna saya memenuhi aksesibilitas (WCAG)?
Masukkan warna Anda lalu lihat panel WCAG. Kami menghitung rasio kontras terhadap teks hitam dan putih, kemudian menampilkan status lolos/gagal AA dan AAA.

### Bagaimana mengubah HEX ke CMYK untuk percetakan?
Ketik kode HEX (misalnya `#FF0000`). Nilainya langsung dikonversi menjadi persentase CMYK untuk kebutuhan desain cetak.

### Apakah data saya aman?
Aman. Semuanya berjalan lokal di browser Anda, tanpa unggah dan tanpa penyimpanan di server.

### Apakah gratis? Ada batasannya?
Gratis dan tanpa perlu daftar. Anda bisa menyalin nilainya kapan saja.

### Bagaimana kontras WCAG dihitung?
Kami menghitung luminansi relatif untuk warna teks dan latar, lalu memakai \(\frac{L_1 + 0.05}{L_2 + 0.05}\) untuk mendapat rasio kontras dan menilainya terhadap AA/AAA.