Công Cụ Chuyển Đổi Màu Sắc (HEX, RGB, HSL)

Công cụ này làm gì?

Công cụ Chuyển Đổi Màu Sắc chuyển đổi màu giữa các định dạng HEX, RGB và HSL. Nhập màu ở bất kỳ định dạng nào và ngay lập tức xem cả ba biểu diễn cùng với ô xem trước màu trực tiếp.

Cách sử dụng công cụ này

1. Chọn chế độ nhập: HEX, RGB hoặc HSL
2. Nhập giá trị màu
3. Nhấn Chuyển đổi để xem tất cả các định dạng
4. Sao chép từng định dạng bằng các nút Copy riêng lẻ

Các định dạng được hỗ trợ

Định dạng	Ví dụ	Mô tả
HEX	#3b82f6	Thập lục phân 6 chữ số, cũng chấp nhận dạng rút gọn 3 chữ số
RGB	rgb(59, 130, 246)	Đỏ/Xanh lá/Xanh lam, mỗi kênh từ 0–255
HSL	hsl(217, 91%, 60%)	Sắc độ (0–360°), Độ bão hòa (0–100%), Độ sáng (0–100%)

Trường hợp sử dụng phổ biến

• Chuyển đổi màu thiết kế giữa các định dạng CSS
• Tìm giá trị HSL tương đương của mã hex cho CSS animation
• Dịch màu từ công cụ thiết kế (Figma, Sketch) sang CSS
• Tính giá trị RGB để dùng trong canvas hoặc WebGL
• Chuyển đổi giữa các không gian màu để kiểm tra độ tương phản tiếp cận
• Tạo CSS custom properties ở tất cả các định dạng

Mẹo sử dụng

• Dạng rút gọn HEX #fff được tự động mở rộng thành #ffffff
• Đầu ra bao gồm cả rgb() và giá trị R, G, B thuần để dùng với Tailwind CSS
• Ô xem trước màu cập nhật trực tiếp sau mỗi lần chuyển đổi

Quyền riêng tư

Toàn bộ quá trình xử lý diễn ra trên trình duyệt của bạn. Không có dữ liệu nào được truyền đi.