Chuyển đổi màu

Công cụ này giúp bạn làm gì

Chuyển đổi các giá trị HEX, RGB, RGBA, HSL, HSLA và HSV có thể chỉnh sửa trong khi xem trước cùng một màu và sao chép định dạng mà mã hoặc hệ thống thiết kế của bạn cần.

Ví dụ minh họa

Cách tạo ra kết quả

RGB lưu trữ cường độ kênh đỏ, lục và lam. HSL mô tả sắc độ, độ bão hòa và độ sáng; HSV sử dụng giá trị thay vì độ sáng. Chuyển đổi bảo toàn màu được biểu diễn, tùy thuộc vào giới hạn làm tròn và gam màu.

Quy trình hữu ích

• Dịch màu từ tệp thiết kế sang CSS
• Tạo biến thể HSL có thể chỉnh sửa từ giá trị HEX thương hiệu
• Xác minh giá trị alpha trước khi sử dụng lớp phủ

Giới hạn quan trọng

• HEX không có kênh alpha là hoàn toàn mờ đục.
• Chuyển đổi lặp lại có thể thay đổi chữ số cuối vì các kênh được làm tròn.
• Giá trị số tương đương có thể trông khác nhau trên màn hình chưa hiệu chỉnh.

Câu hỏi thường gặp

Màu HEX và RGB có khác nhau không?

Chúng là hai ký hiệu cho cùng một mô hình kênh RGB; #3B82F6 và rgb(59,130,246) biểu diễn cùng một màu.

Chuyển đổi màu có cải thiện độ tương phản không?

Không. Chuyển đổi thay đổi ký hiệu, không phải độ tương phản. Hãy kiểm tra cặp nền và chữ thực tế.