Trình chuyển đổi màu sắc
Chuyển đổi màu sắc giữa các định dạng khác nhau (hex, rgb, hsl và tên css)
Để đổi RGB sang HEX hoặc HEX sang RGB, nhập một màu vào bất kỳ ô nào, như HEX, RGB hay HSL; mọi định dạng khác, kể cả CMYK và tên màu, cập nhật ngay lập tức.
Last updated:
Trình chuyển đổi màu sắc. Chuyển đổi màu sắc giữa các định dạng khác nhau (hex, rgb, hsl và tên css) Biến đổi các giá trị màu ngay lập tức với trình chuyển đổi màu trực tuyến miễn phí của chúng tôi.
Công cụ thiết kế UI và phát triển frontend thiết yếu này cho phép bạn nhanh chóng chuyển đổi các giá trị giữa các định dạng HEX, RGB, HSL, HSV và CMYK.
Cho dù bạn là một nhà phát triển web đang tạo kiểu cho các thành phần CSS, một nhà thiết kế đồ họa đang tạo các tài sản in ấn hay một nghệ sĩ UI đang khớp với các nguyên tắc thương hiệu, công cụ dịch màu của chúng tôi đều đảm bảo ánh xạ giá trị chính xác.
Chỉ cần nhập mã màu bắt đầu của bạn và tạo ngay các giá trị định dạng tương ứng.
Tiện ích thiết kế cao cấp này tận dụng xử lý phía máy khách tiên tiến để chuyển đổi màu sắc của bạn trực tiếp trong trình duyệt, đảm bảo rằng các bảng màu cá nhân của bạn hoàn toàn riêng tư.
Chúng tôi cung cấp một cách miễn phí 100%, riêng tư và an toàn để chuyển đổi màu sắc ngay trên thiết bị của bạn. Công cụ liên quan: Tiếp tục quy trình với Trình mã hóa và giải mã Base64, Trình chuyển đổi tệp Base64, Trình giải mã hình ảnh Base64.
Các công cụ liên quan này hỗ trợ những tác vụ gần nhau như chuyển đổi, định dạng, xác thực, tạo dữ liệu và dọn dẹp.
Câu hỏi thường gặp
Làm thế nào để đổi RGB sang HEX?
Gõ hoặc dán giá trị RGB, ví dụ rgb(255, 0, 0), vào ô RGB. Ô HEX lập tức hiện #ff0000, và các ô HSL, HWB, LCH, CMYK và Tên cũng cập nhật. Dùng biểu tượng sao chép cạnh mỗi ô để sao chép giá trị đó.
Làm thế nào để đổi mã màu HEX sang RGB hoặc HSL?
Nhập mã HEX vào ô HEX kèm dấu #, ví dụ #1ea54c. Mã ba, bốn, sáu và tám chữ số đều dùng được (hai loại sau có độ trong suốt). Các ô RGB và HSL khi đó hiển thị cùng màu, sẵn sàng sao chép vào CSS của bạn.
Trình chuyển đổi hỗ trợ những định dạng màu nào?
HEX, RGB, HSL, HWB, LCH, CMYK và tên màu CSS, cùng một Bộ chọn màu trực quan. Mỗi ô chấp nhận bất kỳ cách viết nào trong số này, nên dán red hoặc hsl(0, 100%, 50%) vào ô nào cũng được chuyển sang mọi định dạng khác.
Vì sao ô Tên hiện một tên màu khác?
Ô Tên hiển thị từ khóa màu CSS chuẩn gần nhất. Nếu màu của bạn không trùng chính xác với một màu CSS có tên, màu gần nhất sẽ được hiển thị, nên hãy coi tên đó là giá trị gần đúng chứ không phải khớp chính xác.
Giá trị CMYK có chính xác cho in ấn không?
Giá trị CMYK là phép chuyển đổi toán học đơn giản từ RGB, không có hồ sơ màu ICC. Đó là điểm khởi đầu tốt, nhưng màu in phụ thuộc vào máy in, giấy và hồ sơ màu, nên với màu thương hiệu quan trọng hãy hỏi nhà in các giá trị dựa trên hồ sơ màu.
Vì sao tôi thấy thông báo định dạng không hợp lệ?
Văn bản không đọc được thành một màu. Nguyên nhân thường gặp là mã HEX thiếu dấu #, sai số chữ số hoặc thiếu dấu ngoặc đơn. Hãy làm theo mẫu gợi ý trong mỗi ô, như hsl(0, 100%, 50%) hoặc cmyk(0, 100%, 100%, 0).
Cách dùng công cụ trực tuyến này
Trình chuyển đổi màu sắc được thiết kế cho các quy trình nhanh trong trình duyệt khi bạn cần định dạng, kiểm tra, chuyển đổi, giải mã, mã hóa, tạo hoặc xem dữ liệu mà không cần mở ứng dụng nặng. Hãy bắt đầu với ô nhập liệu hoặc các tùy chọn hiện có, kiểm tra kết quả, rồi sao chép hoặc tải xuống đầu ra.
Xử lý riêng tư trong trình duyệt
Trình chuyển đổi màu sắc giữ bước xử lý thông thường ngay trong trình duyệt của bạn. Điều này hữu ích với đoạn mã, token, tài liệu, giá trị cấu hình, mẫu văn bản và nội dung khác không nên gửi đến dịch vụ từ xa khi không cần thiết.
Khi nào công cụ này hữu ích
Dùng Trình chuyển đổi màu sắc cho các tác vụ lặp lại của lập trình viên, tài liệu kỹ thuật, kiểm tra QA, chuyển đổi nhanh, gỡ lỗi, làm sạch nội dung và quy trình nội bộ của nhóm. Trang tập trung vào đầu vào rõ ràng, phản hồi nhanh và đầu ra dễ tái sử dụng.
Mẹo thực tế
Trước khi sao chép kết quả cuối cùng, hãy kiểm tra khoảng trắng, chữ hoa chữ thường, tên tệp, mã hóa, cấu trúc token, xuống dòng hoặc định dạng đầu ra. Các bước nhỏ này giúp tránh lỗi trong mã nguồn, báo cáo, ticket, email hoặc ghi chú kỹ thuật.