Konverter Kode Warna

HEX

#3b82f6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

OKLCH

oklch(0.623 0.188 259.8)

HSL 조정

H217S91%L60%

대비 비율 (WCAG)

비교 색상:

샘플 텍스트

대비 비율: 3.68:1

WCAG: AA Large

Terakhir diperbarui: 2026 · Alat online gratis

Apa itu Konverter Kode Warna?

Alat online gratis untuk mengonversi antara kode warna HEX, RGB, HSL, OKLCH dengan rasio kontras WCAG

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.

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.