Chuyển HSL sang RGBA
Chuyển sắc màu, độ bão hòa và độ sáng thành giá trị rgba() sẵn sàng thêm độ trong suốt trong CSS.
Nhập hsl
Kết quả · RGBA
rgba(255, 61, 119, 1)
HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Cách sử dụng: HSL sang RGBA
- 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.
Về HSL và RGBA
HSL và RGBA xuất phát từ hai cách nghĩ khác nhau về màu sắc. HSL định nghĩa màu bằng sắc màu, độ bão hòa và độ sáng, giúp dễ dàng thiết kế một bộ sắc độ liên quan. RGBA định nghĩa màu bằng giá trị kênh đỏ, lục, lam từ 0 đến 255 cùng kênh alpha cho độ mờ đục — định dạng mà nhiều thư viện JavaScript, code vẽ canvas, công cụ biểu đồ và mã CSS cũ yêu cầu.
Công cụ chuyển giá trị HSL của bạn thành rgba() với alpha bằng 1, tức hoàn toàn đục. Sửa số cuối để có độ trong suốt: 0.8 cho khung hơi trong, 0.3 cho lớp phủ trên ảnh, 0 là vô hình. Mẹo: trong CSS hiện đại, bạn cũng có thể thêm alpha trực tiếp vào HSL, như hsl(160 60% 45% / 0.3), nhưng rgba() là lựa chọn an toàn hơn khi thư viện hoặc mẫu email không hỗ trợ cú pháp mới.
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ủ.