Konverter Kode Warna
HEX
#3b82f6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)OKLCH
oklch(0.623 0.188 259.8)HSL 조정
대비 비율 (WCAG)
비교 색상:
샘플 텍스트
대비 비율: 3.68:1
WCAG: AA Large
Terakhir diperbarui: 2026 · Alat online gratis
Apa itu Konverter Kode Warna?
Konverter warna online gratis yang menerjemahkan secara instan antara kode HEX, RGB, HSL, dan OKLCH serta menghitung rasio kontras WCAG antara dua warna agar mudah memeriksa kepatuhan aksesibilitas.
Cara Penggunaan
- 1 Masukkan warna — Gunakan pemilih warna atau input teks. Format HEX, rgb(), dan hsl() didukung.
- 2 Lihat format — Format HEX, RGB, HSL, dan OKLCH ditampilkan secara bersamaan.
- 3 Salin nilai — Gunakan tombol salin untuk setiap format untuk menyalin nilai CSS.
- 4 Periksa rasio kontras — Atur warna pembanding untuk memeriksa rasio kontras WCAG.
Alat Terkait
Konverter Timestamp Alat online gratis untuk mengonversi antara stempel waktu Unix dan tanggal dua arah. Menerima detik (10 digit) dan milidetik (13 digit) serta mendukung KST, JST, UTC, ISO 8601, dan waktu relatif.
Generator Gradien CSS Generator gradien CSS visual gratis: rancang gradien linear, radial dan conic, atur titik warna dan sudut, lalu salin kode CSS siap pakai untuk latar belakang situs web Anda.
Generator CSS Box Shadow Generator CSS box-shadow online gratis dengan kontrol offset, blur, spread, warna, dan inset, memberikan pratinjau langsung bayangan dan menghasilkan kode CSS box-shadow siap salin untuk elemen apa pun.
Pertanyaan yang Sering Diajukan
OKLCH adalah representasi silindris dari ruang warna Oklab, ruang warna yang paling seragam secara perseptual. Didukung di CSS Color Level 4.
Mengukur perbedaan kecerahan antara teks dan warna latar belakang. AA membutuhkan minimal 4,5:1, AAA membutuhkan 7:1.
Saat ini hanya warna solid (RGB, HEX 6 digit) yang didukung. RGBA dan HSLA akan ditambahkan di pembaruan mendatang.
Ya. Anda dapat menempelkan output setiap format langsung ke CSS.
Tidak. Semua konversi warna dilakukan di browser Anda.