Bộ chuyển đổi mã màu

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

Cap nhat lan cuoi: 2026 · Cong cu truc tuyen mien phi

Bộ chuyển đổi mã màu la gi?

Công cụ trực tuyến miễn phí chuyển đổi giữa mã màu HEX, RGB, HSL, OKLCH với tỷ lệ tương phản WCAG

1
Nhập màu — Sử dụng bộ chọn màu hoặc nhập văn bản. Hỗ trợ định dạng HEX, rgb(), hsl().
2
Xem định dạng — Các định dạng HEX, RGB, HSL và OKLCH được hiển thị đồng thời.
3
Sao chép giá trị — Nhấn nút sao chép cho từng định dạng để sao chép giá trị CSS.
4
Kiểm tra tỷ lệ tương phản — Đặt màu so sánh để kiểm tra tỷ lệ tương phản WCAG.

OKLCH là biểu diễn hình trụ của không gian màu Oklab, không gian màu đồng đều nhất về mặt cảm nhận. Được hỗ trợ trong CSS Color Level 4.

Đo sự khác biệt độ sáng giữa văn bản và màu nền. AA yêu cầu tối thiểu 4,5:1, AAA yêu cầu 7:1.

Hiện tại chỉ hỗ trợ màu không trong suốt (RGB, HEX 6 chữ số). RGBA và HSLA sẽ được thêm trong bản cập nhật tương lai.

Có. Bạn có thể dán kết quả của mỗi định dạng trực tiếp vào CSS.

Không. Tất cả chuyển đổi màu diễn ra trong trình duyệt của bạn.