Đầu vào
Đang chuẩn bị không gian làm việc…
Cách sử dụng
- Nhập HEX, RGB, HSL hoặc tên màu CSS.
- Kiểm tra ô màu và các giá trị đã chuyển đổi.
- Dùng nút Sao chép riêng cho HEX, RGB hoặc HSL.
Một màu, ba định dạng CSS
Design token có thể dùng HEX trong khi stylesheet dùng RGB hoặc HSL. Đổi cách biểu diễn giúp tái sử dụng cùng một màu mà không cần chọn lại.
Ô màu và cả ba kết quả cập nhật cùng lúc. Tên màu như rebeccapurple cũng có thể đổi thành giá trị CSS dạng số.
Chọn cách biểu diễn
HEX gọn cho design token; RGB thể hiện các kênh đỏ, lục, lam; HSL tách sắc độ, độ bão hòa và độ sáng. Đây là các cách mô tả màu, không phải các định dạng ảnh khác nhau.
Nhận cả HEX rút gọn và đầy đủ. Có thể thêm alpha bằng cú pháp HEX, RGB hoặc HSL được hỗ trợ.
#2563ebrgb(37, 99, 235)Cùng một màu sRGB không trong suốt được biểu diễn bằng HEX và RGB.
Độ trong suốt và độ chính xác
Màu trong suốt giữ kênh alpha trong các giá trị chuyển đổi. Cách hiển thị vẫn phụ thuộc nền phía sau.
Công cụ xử lý sRGB và làm tròn giá trị hiển thị. Không chuyển đổi dải màu rộng cho Lab, OKLCH hoặc hàm CSS color().
Sử dụng kết quả
Nút sao chép xuất giá trị màu thay vì toàn bộ khai báo thuộc tính. Dùng với color, background-color, border-color hoặc định nghĩa design token tùy nhu cầu.
Đầu vào văn bản tối đa 1 MiB. Chuyển đổi CSS và HTML chạy trong Worker với giới hạn 30 giây. Công cụ màu dùng sRGB; kiểu dáng được tạo là bản xem trước và cần kiểm thử trong bố cục của bạn.
Câu hỏi thường gặp
Tôi có thể nhập định dạng màu nào?
Dùng HEX, RGB, HSL được hỗ trợ hoặc tên màu CSS. Cú pháp không được hỗ trợ sẽ báo lỗi.
Có giữ độ trong suốt không?
Có. Giá trị alpha hợp lệ được giữ trong kết quả. Hãy kiểm tra ô màu trên nền sẽ dùng thực tế.
Vì sao cách viết hoặc độ chính xác khác đầu vào?
Giá trị được chuẩn hóa và làm tròn để hiển thị. Không giữ cách viết tắt, khoảng trắng hay chuỗi số gốc.
Có hỗ trợ OKLCH hoặc Display P3 không?
Không. Công cụ giới hạn ở cách biểu diễn sRGB, không ánh xạ dải màu rộng hơn sang sRGB.
Giá trị màu có được tải lên không?
Không. Chuyển đổi và xem trước chạy trong trình duyệt. Sao chép chỉ ghi kết quả đã chọn vào bộ nhớ tạm.