Chuyển đổi màu sắc – HEX, RGB, HSL
Nhập hoặc dán mã màu ở bất kỳ định dạng nào — HEX, RGB hay HSL — và xem ngay kết quả ở cả ba định dạng. Sao chép giá trị cần thiết chỉ với một cú nhấp.
Paste or type a color to convert
Supports HEX, RGB, and HSL formats
Try an example
Chuyển đổi màu giữa HEX, RGB và HSL
Khi làm việc với màu sắc trên nhiều công cụ khác nhau — trình duyệt, phần mềm thiết kế, trình chỉnh sửa ảnh — bạn thường cần chuyển đổi giá trị màu giữa các định dạng. Công cụ này hỗ trợ ba định dạng phổ biến nhất: HEX, RGB và HSL.
Công cụ tự động nhận dạng định dạng bạn nhập vào và hiển thị giá trị tương đương ở cả ba dạng. Không cần chọn định dạng — chỉ cần dán giá trị và nhận kết quả ngay.
Các định dạng màu được hỗ trợ
- HEX — ví dụ: #3B82F6 hoặc #f00 (dạng viết tắt)
- RGB — ví dụ: rgb(59, 130, 246)
- HSL — ví dụ: hsl(217, 91%, 60%)
Mỗi giá trị đầu ra được định dạng sẵn dưới dạng CSS, bạn có thể dán trực tiếp vào mã nguồn.
Cách sử dụng công cụ chuyển đổi màu
- Nhập giá trị màu vào ô — HEX, RGB hoặc HSL
- Định dạng được nhận dạng tự động
- Giá trị ở cả ba định dạng hiển thị ngay bên dưới
- Nhấn nút sao chép bên cạnh định dạng bạn cần
Các trường hợp sử dụng phổ biến
- Chuyển mã HEX từ bản thiết kế sang RGB để dùng trong CSS
- Lấy giá trị HSL để dễ dàng điều chỉnh độ sáng hoặc độ bão hòa
- Đổi RGB từ phần mềm chỉnh sửa ảnh sang HEX cho HTML
- Kiểm tra nhanh xem hai mã màu ở định dạng khác nhau có trùng nhau không
Khi nào nên dùng HEX, RGB hay HSL
HEX là định dạng gọn nhất, được sử dụng rộng rãi trong CSS và HTML. RGB phổ biến trong các phần mềm thiết kế và chỉnh sửa ảnh. HSL dễ hiểu nhất với con người — nó tách riêng sắc độ, độ bão hòa và độ sáng, giúp bạn tinh chỉnh màu thủ công dễ dàng hơn.
Không có định dạng nào là tốt nhất cho mọi trường hợp. Hãy dùng định dạng phù hợp với quy trình làm việc của bạn — khi cần chuyển đổi, công cụ này sẽ thực hiện ngay lập tức.
Câu hỏi thường gặp
- Làm sao để chuyển HEX sang RGB?
- Dán mã HEX (ví dụ: #3B82F6) vào ô nhập liệu. Giá trị RGB sẽ hiển thị ngay lập tức.
- Làm sao để chuyển RGB sang HEX?
- Nhập giá trị theo định dạng rgb(59, 130, 246). Mã HEX và giá trị HSL sẽ tự động hiển thị.
- HSL là gì?
- HSL là viết tắt của Hue (sắc độ), Saturation (độ bão hòa) và Lightness (độ sáng). Định dạng này mô tả màu theo cách con người dễ hiểu — bạn có thể dễ dàng thay đổi độ sáng hoặc độ đậm mà không ảnh hưởng đến tông màu gốc.
- Công cụ có hỗ trợ mã HEX viết tắt không?
- Có. Bạn có thể nhập mã viết tắt như #f00 hoặc #abc — chúng sẽ được mở rộng và chuyển đổi chính xác.
- Công cụ này có miễn phí không?
- Có. ColourPicker.app hoàn toàn miễn phí, không cần đăng ký tài khoản.
- Công cụ có hoạt động trên điện thoại không?
- Có. Công cụ chuyển đổi màu hoạt động trên mọi thiết bị có trình duyệt hiện đại — máy tính, máy tính bảng hay điện thoại.