Màu sắc & GradientCập nhật: 2026-08-26
Chuyển đổi hệ màu (HEX, RGB, HSL)
Trả lời nhanh:Colour Converter chuyển đổi tức thì các giá trị màu sắc qua lại giữa HEX, RGB, HSL, HSV, CMYK và chuẩn màu hiện đại OKLCH với bảng chọn màu trực quan.
HEX
#2563EB
RGB
rgb(37, 99, 235)
HSL
hsl(221, 83%, 53%)
HSV
hsv(221, 84%, 92%)
CMYK
device-cmyk(84% 58% 0% 8%)
Hướng dẫn cách sử dụng Chuyển đổi hệ màu (HEX, RGB, HSL)
1
Nhập mã màu
Điền mã màu bất kỳ (ví dụ: `#2563eb` hoặc `rgb(37,99,235)`).
2
Xem các hệ màu
Sao chép mã màu theo định dạng bạn cần sử dụng.
Giải thích ý nghĩa các chỉ số kết quả
OKLCH
Hệ không gian màu mới trong CSS Color 4 cho độ chuyển màu đồng đều theo cảm nhận mắt người.
Tính năng nổi bật
Chuyển đổi qua lại HEX, RGB, HSL, CMYK, OKLCH
Color Picker trực quan
Sao chép nhanh CSS color value
Xem trước sắc thái màu (Tints & Shades)
Câu hỏi thường gặp (FAQ)
Giải đáp thắc mắc và cơ chế hoạt động của Chuyển đổi hệ màu (HEX, RGB, HSL)
A:
HSL và OKLCH rất dễ điều chỉnh độ sáng/độ bão hòa, trong khi HEX ngắn gọn và phổ biến nhất.
Kiến thức & Hướng dẫn chuyên sâu
Công cụ liên quan trong nhóm
Màu sắc & Gradient
Kiểm tra độ tương phản màu WCAG
Kiểm tra tỷ lệ tương phản màu sắc theo chuẩn khả năng tiếp cận WCAG 2.2 (AA / AAA).
Màu sắc & Gradient
Tạo bảng phối màu hài hòa
Tạo bảng phối màu hài hòa (Monochromatic, Analogous, Complementary, Triadic).
Màu sắc & Gradient
Tạo dải màu CSS Gradient trực quan
Tạo dải chuyển màu Linear & Radial Gradient trực quan với mã CSS copy 1-click.