Chuyển HEX sang HWB với chỉnh sửa và xem trước
Công cụ chuyển đổi HEX sang HWB biến giá trị màu thành HWB và cập nhật kết quả trực tiếp khi bạn chỉnh sửa một phía. Trình phân tích linh hoạt chấp nhận giá trị thập lục phân, gồm #abc, cũng như rgb(1 2 3 / 50%) và tên màu. Xem trước màu bằng mẫu màu, sao chép dòng CSS sẵn dán, 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 HEX sang HWB giúp bạn biến màu thập lục phân thành HWB và kiểm tra kết quả trong lúc làm việc. Thay vì chuyển đổi giá trị rồi kiểm tra ở nơi khác, bạn có thể chỉnh sửa một phía và thấy phía còn lại cập nhật trực tiếp. Mẫu màu và dòng CSS sẵn dán giúp kết quả dễ xem lại và tái dùng hơn.
Trình phân tích chấp nhận giá trị thập lục phân, gồm dạng rút gọn như #abc, và đủ linh hoạt để nhận diện rgb(1 2 3 / 50%) và tên màu. Công cụ hiển thị cảnh báo ngoài dải màu khi màu nằm ngoài sRGB. Nó cũng cho phép bạn sao chép kết quả CSS để dùng trong mã nguồn của mình hoặc chia sẻ trong ticket, tài liệu hoặc commit message.
HEX và HWB biểu diễn màu theo những cách khác nhau. HEX thể hiện thành phần màu ở dạng thập lục phân gọn, còn HWB mô tả màu bằng hue, whiteness và blackness. Chuyển đổi giữa chúng hữu ích khi hệ thống hoặc dự án yêu cầu một cách biểu diễn, hoặc khi bạn muốn kiểm tra hai giá trị màu tương ứng nhau. Tính năng chỉnh sửa hai chiều trực tiếp cho phép bạn kiểm tra cả hai cách biểu diễn mà không cần tự làm phép chuyển đổi thủ công.
Công cụ chuyển đổi chạy hoàn toàn trong trình duyệt của bạn: dữ liệu được xử lý trên thiết bị và không bị tải lên, lưu trữ hay gửi đến máy chủ. Không cần đăng ký, và sau khi trang đã tải, quá trình chuyển đổi hoạt động ngoại tuyến mà không phụ thuộc máy chủ. Nó hữu ích cho lập trình viên và kỹ sư DevOps cần kiểm tra, chuẩn bị hoặc chia sẻ giá trị màu trong công việc lập trình và tài liệu hằng ngày.
Bước 1: Nhập hoặc dán giá trị màu vào ô nhập. Trình phân tích chấp nhận màu thập lục phân và còn nhận diện định dạng như rgb(1 2 3 / 50%) và tên màu.
Bước 2: Xem lại giá trị HWB xuất hiện, hoặc chỉnh sửa một phía của công cụ. Phía còn lại cập nhật trực tiếp khi bạn thay đổi.
Bước 3: Kiểm tra mẫu màu để xem trực quan màu sắc. Nếu nó nằm ngoài sRGB, công cụ hiển thị cảnh báo ngoài dải màu.
Bước 4: Sao chép dòng CSS sẵn dán và dùng trong mã nguồn, tài liệu, ticket hoặc commit message của bạn.
Trường hợp sử dụng: Chuyển màu thập lục phân cho hệ thống hoặc quy trình chấp nhận HWB. Kết quả trực tiếp cho bạn giá trị để sao chép vào công cụ hoặc codebase tiếp theo.
Trường hợp sử dụng: Kiểm tra giá trị HWB có khớp với bản thập lục phân gốc không. Chỉnh sửa một phía và so sánh giá trị cập nhật cùng mẫu màu.
Trường hợp sử dụng: Chuẩn bị đoạn mã màu cho tài liệu, ticket hoặc commit message. Sao chép dòng CSS sẵn dán thay vì tự định dạng lại kết quả.
Trường hợp sử dụng: Kiểm tra nhanh phép chuyển đổi màu trước khi thêm vào mã nguồn. Mẫu màu giúp bạn kiểm tra màu, và cảnh báo ngoài dải màu gắn cờ màu ngoài sRGB.
Trường hợp sử dụng: Khám phá màu bằng cách chỉnh sửa giá trị HEX hoặc HWB. Cập nhật hai chiều trực tiếp giúp dễ thấy mỗi cách biểu diễn tương ứng thế nào.
Trường hợp sử dụng: Chuyển giá trị màu viết ở định dạng thay thế được hỗ trợ, như rgb(1 2 3 / 50%) hoặc tên màu, và xem kết quả HWB của nó.