Bộ chuyển đổi mã màu
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
Cap nhat lan cuoi: 2026 · Cong cu truc tuyen mien phi
Bộ chuyển đổi mã màu la gi?
Công cụ chuyển đổi màu trực tuyến miễn phí, chuyển đổi tức thì giữa mã HEX, RGB, HSL và OKLCH và tính tỷ lệ tương phản WCAG giữa hai màu để dễ dàng kiểm tra tuân thủ khả năng tiếp cận.
Cach su dung
- 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.
Cong cu lien quan
Bộ chuyển đổi Timestamp Công cụ trực tuyến miễn phí chuyển đổi hai chiều giữa dấu thời gian Unix và ngày tháng. Nó nhận giây (10 chữ số) và mili giây (13 chữ số), hỗ trợ KST, JST, UTC, ISO 8601 và thời gian tương đối.
Tạo CSS Gradient Trình tạo CSS gradient trực quan miễn phí: thiết kế gradient linear, radial và conic, điều chỉnh điểm dừng màu và góc, rồi sao chép mã CSS sẵn dùng cho nền trang web của bạn.
Tạo CSS Box Shadow Công cụ tạo CSS box-shadow trực tuyến miễn phí với điều khiển offset, blur, spread, màu và inset, hiển thị xem trước bóng trực tiếp và tạo mã CSS box-shadow sẵn sàng sao chép cho mọi phần tử.
Cau hoi thuong gap
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.