Đi đến nội dung
Tất cả công cụ
Chuyển đổi

Chuyển đổi màu sắc

Chuyển đổi màu sắc giữa các định dạng HEX, RGB và HSL.

Giới thiệu về Chuyển đổi Màu sắc

Màu sắc trên web có thể được biểu diễn ở nhiều định dạng: HEX (#FF5733), RGB (rgb(255, 87, 51)) và HSL (hsl(11, 100%, 60%)). Mỗi định dạng có ưu điểm riêng — HEX gọn cho CSS, RGB ánh xạ tới phần cứng hiển thị, và HSL trực quan để điều chỉnh sắc độ, độ bão hòa và độ sáng. Công cụ chuyển đổi màu cho phép bạn chuyển đổi liền mạch giữa các định dạng này.

Cách sử dụng

Nhập giá trị màu ở bất kỳ định dạng được hỗ trợ nào (HEX, RGB hoặc HSL). Công cụ tự động chuyển đổi sang tất cả các định dạng khác và hiển thị bản xem trước màu trực tiếp. Sao chép bất kỳ định dạng nào chỉ với một nhấp chuột để sử dụng trong CSS, công cụ thiết kế hoặc mã của bạn.

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

  • Chuyển đổi màu HEX từ file thiết kế sang RGB cho CSS
  • Điều chỉnh độ sáng hoặc độ bão hòa màu bằng giá trị HSL
  • Khớp màu thương hiệu giữa các công cụ thiết kế và định dạng khác nhau
  • Chuyển đổi mã màu giữa các dự án web, in ấn và ứng dụng
  • Xem trước và so sánh màu nhanh chóng trong quá trình phát triển UI