Chuyển đổi màu

Giới thiệu công cụ

Màu trên web được viết ở nhiều định dạng — HEX cho CSS, RGB cho canvas và xử lý ảnh, HSL để suy luận về sắc độ, độ bão hòa và độ sáng. Công cụ này nhận màu ở bất kỳ định dạng nào trong số đó và hiển thị ngay bản tương đương ở các định dạng còn lại, kèm ô xem trước trực tiếp để bạn xác nhận đúng sắc màu mình muốn.

Đây là công cụ nhỏ nhưng tiết kiệm thời gian đều đặn cho lập trình viên front-end và nhà thiết kế: lấy một mã HEX từ file thiết kế rồi đọc dưới dạng HSL để chỉnh độ sáng, hoặc lấy giá trị RGB từ công cụ chụp màn hình rồi tạo CSS gọn gàng. Mọi thứ được tính trong trình duyệt ngay khi bạn gõ, không tra cứu, không tải lên.

Cách sử dụng

1. Nhập một màu ở HEX (ví dụ #3b82f6), RGB hoặc HSL.
2. Đọc ngay các giá trị đã chuyển sang hai định dạng còn lại.
3. Xem ô xem trước trực tiếp để chắc chắn màu đúng ý.
4. Chỉnh một kênh — như độ sáng của HSL — và xem các định dạng khác cập nhật theo.
5. Sao chép định dạng bạn cần thẳng vào CSS hoặc công cụ thiết kế.
6. Nhập giá trị mới bất cứ khi nào muốn chuyển đổi một màu khác.

Tính năng

• Chuyển đổi ba chiều giữa HEX, RGB và HSL từ một ô nhập duy nhất.
• Xem trước màu trực tiếp để bạn kiểm chứng sắc độ thay vì chỉ tin vào con số.
• Nhận đầu vào ở bất kỳ định dạng hỗ trợ nào và tự suy ra phần còn lại.
• Đầu ra HSL giúp dễ dàng điều chỉnh sắc độ, độ bão hòa và độ sáng có chủ đích.
• Tạo giá trị sạch, sẵn sàng sao chép cho CSS, canvas và phần mềm thiết kế.
• Mọi chuyển đổi chạy cục bộ trong trình duyệt với kết quả tức thì, offline.

Câu hỏi thường gặp