Color Converter
Chuyển đổi màu sắc giữa HEX, RGB và HSL ngay lập tức, ngay trong trình duyệt của bạn.
🔒 Xử lý cục bộ ngay trên trình duyệt của bạn
Loading…
Cách sử dụng
- Nhấp vào bảng chọn màu để chọn màu trực quan, hoặc nhập trực tiếp giá trị vào ô văn bản.
- Giá trị nhập vào có thể là mã HEX (có hoặc không có dấu # ở đầu), chuỗi rgb()/rgba(), hoặc chuỗi hsl()/hsla().
- Ngay khi một màu hợp lệ được nhận dạng, các dòng HEX, RGB và HSL bên dưới sẽ cập nhật ngay lập tức — không cần nhấn nút nào.
- Một khung xem trước lớn hiển thị chính xác màu sắc trông như thế nào.
- Nhấp vào Sao chép bên cạnh mỗi dòng để sao chép định dạng đó vào bộ nhớ tạm.
Tính năng
- Chuyển đổi trực tiếp, tức thì giữa HEX, RGB và HSL
- Chấp nhận giá trị HEX, rgb() hoặc hsl() nhập tay, hoặc bảng chọn màu gốc của trình duyệt
- Sao chép chỉ với một cú nhấp cho từng định dạng
- Hoạt động 100% phía trình duyệt — giá trị màu của bạn không bao giờ rời khỏi trình duyệt
- Không cần tải lên — vốn dĩ không có gì để tải lên cả
Câu hỏi thường gặp
Công cụ này có gửi giá trị màu của tôi đi đâu không?
Không. Toàn bộ quá trình chuyển đổi được thực hiện bằng các phép tính JavaScript đơn giản ngay trong trình duyệt của bạn — không có gì bị tải lên hay gửi đến máy chủ.
Tôi có thể nhập những định dạng nào vào ô nhập liệu?
Bạn có thể nhập mã HEX (ví dụ #3b82f6 hoặc 3b82f6), chuỗi rgb()/rgba() (ví dụ rgb(59, 130, 246)), hoặc chuỗi hsl()/hsla() (ví dụ hsl(217, 91%, 60%)).
Công cụ có hỗ trợ độ trong suốt (alpha) không?
Hiện tại thì chưa. Nếu bạn nhập giá trị rgba() hoặc hsla(), thành phần alpha sẽ được chấp nhận nhưng bị bỏ qua — chỉ màu không trong suốt được chuyển đổi.
Có giới hạn số lượng màu tôi có thể chuyển đổi không?
Không. Bạn có thể chuyển đổi bao nhiêu màu tùy thích — công cụ sẽ tính toán lại ngay lập tức mỗi khi bạn thay đổi giá trị nhập vào.
Vì sao giá trị tôi nhập lại báo lỗi?
Văn bản đó không khớp với mẫu HEX, RGB hoặc HSL được nhận dạng. Hãy đảm bảo nó có dạng như: #3b82f6, rgb(59, 130, 246), hoặc hsl(217, 91%, 60%).