Chuyển Đổi Màu Sắc — HEX, RGB và HSL

Mỗi màu sắc có nhiều biểu diễn khác nhau tùy theo ngữ cảnh. Công cụ chuyển đổi của chúng tôi chuyển đổi màu trực tiếp giữa HEX, RGB, HSL, HSV và CMYK — với xem trước trực quan.

HEX Vs. RGB Vs. HSL

HEX (#ff5733) là định dạng compact nhất cho web. RGB (rgb(255, 87, 51)) trực quan cho thao tác lập trình. HSL (hsl(11, 100%, 60%)) trực quan nhất cho người dùng — tông màu, độ bão hòa, độ sáng.

Khi Nào Dùng Định Dạng Nào?

Giá trị màu CSS: dùng HEX cho ngắn gọn hoặc HSL cho điều chỉnh dễ dàng với calc(). Thuộc tính SVG: RGB hoặc HEX. Công cụ thiết kế (Figma, Adobe XD): làm việc với HSL để linh hoạt khi tạo biến thể màu.

Không Gian Màu Cho Sử Dụng Chuyên Nghiệp

sRGB là tiêu chuẩn cho màn hình. P3 (wide-gamut) cung cấp màu sắc sống động hơn trên màn hình Apple hiện đại. OKLCH là không gian màu CSS mới nhất với độ sáng đồng đều theo tri giác — lý tưởng cho bảng màu được tạo động.