Công cụ này làm gì
Bộ chuyển đổi màu giúp dịch nhanh các giá trị giữa các định dạng HEX, RGB, RGBA và HSL cho CSS, thiết kế và giao diện. RGBA hỗ trợ kênh alpha để tạo độ trong suốt.
Cách sử dụng
- Nhập màu ở định dạng HEX, RGB, RGBA hoặc HSL.
- Xem lại các giá trị đã chuyển đổi và phần xem trước màu.
- Sao chép định dạng cần dùng bằng nút ở bên phải trường.
Định dạng hỗ trợ
Bộ chuyển đổi nhận các định dạng CSS phổ biến: HEX, HEX rút gọn, RGB, RGBA và HSL. Công cụ hiển thị giá trị tương đương và bản xem trước để so màu giữa thiết kế, code và tài liệu.
Alpha và làm tròn
RGBA hỗ trợ độ trong suốt bằng alpha từ 0 đến 1 hoặc phần trăm. Khi chuyển đổi, nhất là với HSL, có thể có sai khác nhỏ do làm tròn; với design system nên chọn một định dạng chuẩn.
Giới hạn giao diện
Công cụ không kiểm tra tương phản, accessibility, color profile hay wide gamut. Hãy dùng cho CSS và token nhanh, rồi kiểm tra WCAG, trạng thái hover/focus và độ đọc riêng.