Chuyển đổi màu HEX, RGB, HSL miễn phí
Chuyển đổi màu giữa HEX, RGB và HSL ngay trong trình duyệt. Miễn phí, không cần đăng ký.
Cách chuyển đổi màu online
- 1
Nhập hoặc chọn màu
Bấm vào ô màu để dùng bảng chọn màu trực quan, hoặc nhập giá trị HEX (vd. #2E75B6), RGB (vd. 46, 117, 182) hoặc HSL (vd. 211, 60%, 45%) vào ô tương ứng.
- 2
Xem cả ba định dạng ngay lập tức
Các ô HEX, RGB và HSL cập nhật tức thì khi bạn nhập hoặc chọn màu.
- 3
Sao chép giá trị
Bấm Sao chép bên cạnh bất kỳ ô nào để chép giá trị màu đó vào bộ nhớ tạm.
Màu trên web có thể được biểu diễn theo nhiều định dạng tùy ngữ cảnh. CSS hỗ trợ HEX, RGB, RGBA, HSL và HSLA; các công cụ thiết kế như Figma và Sketch thường dùng HSL cho bảng chọn màu và xuất HEX khi bàn giao.
HEX là định dạng gọn nhất và được hỗ trợ khắp nơi trong CSS, HTML và phần mềm thiết kế. Dạng rút gọn 3 chữ số (#abc) được mở rộng thành 6 chữ số (#aabbcc). RGB (đỏ, lục, lam) quy định từng kênh từ 0 đến 255, phản ánh cách màn hình phát sáng.
HSL (sắc độ, độ bão hòa, độ sáng) là định dạng dễ hiểu nhất với con người: sắc độ là góc trên vòng màu (0° = đỏ, 120° = lục, 240° = lam), độ bão hòa cho biết màu rực đến đâu (0% = xám) và độ sáng cho biết màu sáng hay tối (0% = đen, 100% = trắng). Chỉ thay đổi độ sáng sẽ tạo ra bảng sắc thái tự nhiên.