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