Chuyển HEX sang HSL
Chuyển mã màu HEX thành sắc màu, độ bão hòa và độ sáng để dễ dàng tạo các sắc độ sáng hơn và tối hơn.
Nhập hex
Kết quả · HSL
hsl(344, 100%, 62%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Cách sử dụng: HEX sang HSL
- 1
Nhập màu
Gõ mã màu hoặc chọn màu bằng công cụ chọn màu — mỗi ô đều chấp nhận định dạng được hiển thị.
- 2
Xem kết quả chuyển đổi
Kết quả cập nhật ngay khi bạn gõ, kèm bản xem trước trực tiếp của màu.
- 3
Sao chép mã
Sao chép giá trị bạn cần chỉ với một cú nhấp và dán vào thiết kế, CSS hoặc cài đặt in của bạn.
Màu HEX và HSL
HEX là cách viết màu trong CSS và công cụ thiết kế: ký tự # theo sau là ba cặp chữ số thập lục phân cho đỏ, lục và lam. HSL mô tả cùng màu đó theo cách con người nghĩ về màu sắc — sắc màu là góc trên bánh xe màu từ 0 đến 360°, độ bão hòa và độ sáng tính theo phần trăm.
Chuyển sang HSL rất tiện khi bạn cần các biến thể của một màu: giữ nguyên sắc màu và thay đổi độ sáng để có các sắc độ sáng hơn, tối hơn cho trạng thái hover, nền và đường viền. Trình duyệt hiểu cả hai cách viết, ví dụ hsl(342, 100%, 62%). Dán mã ba hoặc sáu chữ số, có hoặc không có dấu #, và sao chép kết quả hsl(); RGB, HSV và CMYK cũng được hiển thị.
Mọi thứ đều chạy cục bộ trong trình duyệt của bạn — ảnh của bạn không bao giờ được tải lên máy chủ.