Trình chuyển đổi Màu
Công cụ chuyển đổi màu này đổi bất kỳ màu nào giữa HEX, RGB và HSL, cập nhật đồng thời cả ba định dạng và hiển thị ô màu xem trước trực tiếp.
Về công cụ này
Công cụ chuyển đổi màu này đổi bất kỳ màu nào giữa HEX, RGB và HSL, cập nhật đồng thời cả ba định dạng và hiển thị ô màu xem trước trực tiếp.
Cách sử dụng
- Nhập mã HEX, giá trị RGB hoặc HSL, hoặc chọn màu bằng bộ chọn màu.
- Hai định dạng còn lại và bản xem trước sẽ tự động cập nhật.
- Dùng Random Color để tìm cảm hứng, sau đó nhấn Copy HEX hoặc Copy RGB.
Điều nên biết
- HEX là cách viết RGB theo hệ cơ số 16: #RRGGBB, trong đó mỗi cặp nằm trong khoảng 00–FF (0–255 ở hệ thập phân).
- Dạng rút gọn 3 chữ số như #0af được mở rộng thành #00aaff.
- HSL mô tả màu bằng sắc độ (hue, 0–360°), độ bão hòa (saturation, 0–100%) và độ sáng (lightness, 0–100%).
- HEX, RGB và HSL mô tả cùng các màu sRGB, nên chuyển đổi giữa chúng không làm thay đổi màu.
Chạy hoàn toàn trong trình duyệt của bạn — không có dữ liệu nào bạn nhập được tải lên hay lưu lại.
Câu hỏi thường gặp
Làm sao chuyển HEX sang RGB?
Tách sáu chữ số thành ba cặp và đổi từng cặp từ hệ thập lục phân sang thập phân. Ví dụ #1DB954 là rgb(29, 185, 84).
Khi nào nên dùng HSL thay vì HEX?
HSL giúp bạn dễ dàng tạo các biến thể sáng hơn, tối hơn hoặc ít bão hòa hơn của một màu chỉ bằng cách đổi một con số, rất tiện cho design system.
Chuyển đổi có làm giảm độ chính xác của màu không?
Ở đây giá trị HSL được làm tròn thành số nguyên, nên khi chuyển qua lại một kênh màu có thể lệch một bậc; khác biệt nhìn thấy được là không đáng kể.
Có dữ liệu nào được gửi lên máy chủ không?
Không. Mọi phép chuyển đổi đều diễn ra trong trình duyệt của bạn.