Chuyển đổi màu

Dán hoặc chọn một màu — HEX, RGB(A), HSL(A), HSV hoặc CMYK — và xem mọi định dạng cùng lúc, kèm xem trước trực tiếp.

Cách sử dụng

  1. Nhập màu ở bất kỳ định dạng nào — HEX (#FF5733), rgb(255, 87, 51), hsl(10.6, 100%, 60%), hsv(…), cmyk(…) hoặc tên như “red” — hoặc chọn bằng ô màu.
  2. Mọi định dạng hiện ngay, không cần nhấn nút. Phần xem trước hiển thị màu thực tế.
  3. Sao chép từng định dạng bằng nút của nó. Độ trong suốt (alpha) được giữ: HEX 8 chữ số hoặc rgba()/hsla() được hiển thị khi màu không hoàn toàn đục.

Ví dụ

Đầu vào

#FF5733

Các định dạng

HEX #FF5733
RGB rgb(255, 87, 51)
HSL hsl(10.6, 100%, 60%)
HSV hsv(10.6, 80%, 100%)
CMYK cmyk(0%, 65.9%, 80%, 0%)

#FF5733 là một màu cam; cùng màu đó là rgb(255, 87, 51), hsl(10.6, 100%, 60%), hsv(10.6, 80%, 100%) và cmyk(0%, 65.9%, 80%, 0%).

Phạm vi, giới hạn và câu hỏi thường gặp

  • Chỉ năm định dạng: HEX, RGB(A), HSL(A), HSV và CMYK. Không CIE-Lab/XYZ, không tìm “màu có tên gần nhất”, không pha bảng màu hay kiểm tra độ tương phản (a11y).
  • Chuyển đổi là toán học chính xác; giá trị thành phần làm tròn thành số nguyên và phần trăm đến một chữ số thập phân (ví dụ 65.9%), bỏ số 0 cuối — không phải độ chính xác vô hạn.
  • Bộ chọn màu (ô màu) là điều khiển của trình duyệt và chỉ hiển thị màu đục. Độ trong suốt (alpha) chỉ nhập và hiển thị qua ô văn bản.
  • Tên màu dùng từ khóa CSS chuẩn (red, rebeccapurple, …) bằng tiếng Anh, nhập chính xác. Tên không phải tiếng Anh (ví dụ “红色”) không được nhận — hãy nhập từ khóa tiếng Anh.
  • Không tải lên, không lưu trữ, không đưa vào URL: không lịch sử, không liên kết chia sẻ mang màu. Mọi thứ chạy trong trình duyệt.

Những gì người dùng thường cần tiếp theo khi màu đã ở dạng mong muốn.