Chuyển đổi HWB sang HEX: Chuyển màu CSS trong trình duyệt
Công cụ chuyển đổi HWB sang HEX biến một màu HWB thành giá trị màu thập lục phân ngay khi bạn nhập, và chỉnh sửa phía nào cũng cập nhật phía còn lại trực tiếp. Công cụ nhận đầu vào màu linh hoạt, gồm #abc, rgb(1 2 3 / 50%) và tên màu. Hãy xem màu trong mẫu màu, sao chép dòng CSS dùng ngay được, và kiểm tra cảnh báo ngoài dải màu khi màu nằm ngoài sRGB.
Công cụ chuyển đổi HWB sang HEX biến đầu vào màu HWB thành giá trị thập lục phân và cho phép bạn chỉnh sửa cả hai định dạng với cập nhật trực tiếp. Công cụ rất hữu ích khi bạn cần chuyển đổi màu HWB sang HEX online, kiểm tra một giá trị, hoặc chuẩn bị màu cho code. Mẫu màu cho bạn hình ảnh tham chiếu trực quan, và công cụ cung cấp dòng CSS dùng ngay được.
Công cụ nhận đầu vào màu linh hoạt, gồm các màu thập lục phân rút gọn như #abc, cú pháp RGB hiện đại như rgb(1 2 3 / 50%) và tên màu. Khi bạn chỉnh sửa phía nào, phía còn lại cập nhật trực tiếp. Công cụ cũng hiển thị cảnh báo ngoài dải màu khi màu nằm ngoài sRGB; điều này giúp bạn nhận ra tình huống đó trong lúc kiểm tra kết quả.
HWB và thập lục phân là hai cách khác nhau để biểu diễn màu. HWB diễn đạt màu qua sắc độ (hue), độ trắng và độ đen, còn HEX biểu diễn các thành phần màu bằng chữ số thập lục phân. Chuyển đổi giữa chúng hữu ích khi bạn nhận được màu dạng HWB nhưng cần giá trị HEX cho hệ thống hoặc codebase dùng màu thập lục phân, hoặc khi bạn muốn kiểm tra mối quan hệ giữa hai cách biểu diễn.
Công cụ chạy hoàn toàn trong trình duyệt của bạn. Dữ liệu nhập được xử lý trên thiết bị của bạn và không bị tải lên, lưu trữ hay gửi đến máy chủ. Công cụ miễn phí, không cần đăng ký, và vẫn hoạt động ngoại tuyến sau khi trang đã tải xong.
Công cụ chuyển đổi này hữu ích cho developer, designer và kỹ sư DevOps khi làm việc với màu CSS trong code, tài liệu, ticket hoặc review. Dù bạn đang kiểm tra một giá trị đơn lẻ hay chuẩn bị đoạn mã để chia sẻ, tính năng chỉnh sửa trực tiếp và kết quả sao chép sẵn giúp việc chuyển đổi trở nên đơn giản.
Bước 1: Nhập một màu HWB vào ô nhập. Bạn cũng có thể dùng các dạng màu CSS được hỗ trợ như #abc, rgb(1 2 3 / 50%) hoặc tên màu.
Bước 2: Xem kết quả HEX cập nhật theo thời gian thực. Công cụ cũng cập nhật giá trị HWB khi bạn chỉnh sửa phía HEX.
Bước 3: Kiểm tra mẫu màu và cảnh báo ngoài dải màu. Cảnh báo cho biết màu nằm ngoài sRGB.
Bước 4: Sao chép kết quả thập lục phân hoặc dòng CSS dùng ngay được cho code, tài liệu hoặc ghi chú của bạn.
Trường hợp sử dụng: Chuyển một màu HWB sang hệ thống thiết kế hoặc công cụ khác chỉ chấp nhận giá trị thập lục phân.
Trường hợp sử dụng: Kiểm tra xem giá trị HEX có khớp với màu HWB bạn nhận được không bằng cách chỉnh sửa phía nào cũng được và xem kết quả trực tiếp.
Trường hợp sử dụng: Chuẩn bị dòng CSS dùng ngay được cho tài liệu, ticket hoặc commit message.
Trường hợp sử dụng: Kiểm tra nhanh phép chuyển đổi màu trước khi đưa kết quả vào code.
Trường hợp sử dụng: Xem lại giá trị màu trong lúc review code bằng cách so sánh đầu vào HWB, kết quả HEX và mẫu màu hiển thị.
Trường hợp sử dụng: Kiểm tra xem màu có nằm ngoài sRGB không trước khi dùng giá trị đã chuyển đổi.