Chuyển đến công cụ chọn màu

Chuyển đổi HSL sang Android XML

Dán giá trị HSL, nhận ngay Android XML. Các định dạng khác cũng dùng được.

Nhận dạng: HSL

Giá trị Android XML#FF5733
Android XML sang HSL

Tinh chỉnh màu

11°
100%

68%
0,210
34°

Mọi định dạng khác

Ví dụ chuyển HSL sang Android XML

MàuHSLAndroid XML
hsl(0, 100%, 50%)#FF0000
hsl(120, 100%, 50%)#00FF00
hsl(240, 100%, 50%)#0000FF
hsl(0, 0%, 100%)#FFFFFF
hsl(0, 0%, 0%)#000000
hsl(0, 0%, 50.2%)#808080
hsl(10.59, 100%, 60%)#FF5733
hsl(217.22, 91.22%, 59.8%)#3B82F6
hsl(160.12, 84.08%, 39.41%)#10B981
hsl(37.69, 92.13%, 50.2%)#F59E0B
hsl(258.31, 89.53%, 66.27%)#8B5CF6
hsl(330.37, 81.19%, 60.39%)#EC4899

Về HSL và Android XML

HSL mô tả tông màu bằng độ, độ bão hòa và độ sáng bằng phần trăm. Định dạng này dễ đọc, nhưng độ sáng không đồng đều theo cảm nhận: vàng ở 50% trông sáng hơn nhiều so với xanh dương ở 50%.

Tài nguyên XML của Android viết màu dạng #RRGGBB hoặc #AARRGGBB với alpha đứng đầu, ví dụ #80FF5733 là độ mờ đục 50%. Thứ tự ARGB này khác với CSS, nơi alpha đứng cuối.

Cách chuyển đổi hoạt động

PickShade đọc giá trị HSL, chuyển sang CIE XYZ bằng các ma trận trong đặc tả CSS Color 4, rồi chuyển tiếp sang Android XML. Giá trị nằm ngoài gam màu đích được ánh xạ theo thuật toán CSS Color 4: giữ độ sáng và tông màu, chỉ giảm độ rực.

Hỏi đáp

Làm sao chuyển HSL sang Android XML?

Dán hoặc nhập giá trị HSL vào ô phía trên. PickShade chuyển đổi ngay khi bạn gõ theo công thức CSS Color 4, và chỉ cần một cú nhấp để sao chép giá trị Android XML.

Chuyển HSL sang Android XML có chính xác không?

Phép tính là chính xác, kết quả chỉ được làm tròn khi hiển thị, với đủ chữ số để chuyển ngược lại vẫn ra đúng màu cũ. Nếu màu không nằm trong gam màu đích, PickShade sẽ cảnh báo và hiện màu gần nhất nằm trong gam.

Có lấy được các định dạng khác cùng lúc không?

Có. Mọi định dạng khác, gồm OKLCH, Display P3, Tailwind, SwiftUI, Flutter và Android, đều được liệt kê bên dưới kết quả và sao chép bằng một cú nhấp.

Công cụ chuyển đổi này có miễn phí không?

Có. Hoàn toàn miễn phí, không cần đăng ký và chạy hoàn toàn trong trình duyệt của bạn.