🎨

chuyển đổi màu

Chuyển đổi màu giữa các định dạng HEX, RGB, HSL và CMYK ngay lập tức. Chỉnh sửa bất kỳ trường nào và các trường còn lại sẽ tự động cập nhật.

Công cụ tạo Chạy cục bộ Không gửi dữ liệu
HEX RGB HSL CMYK bộ chuyển đổi WCAG
chọn màu
Định dạng
HEX
RGB
HSL
CMYK
Chữ trắng Chữ đen
#FF5733
Tên CSS gần nhất: —
Chữ trắng trên màu này
—
Chữ đen trên màu này
—
Giới thiệu về định dạng màu
  • HEX —Phổ biến nhất trên web / CSS / HTML. Ký hiệu thập lục phân 6 ký tự gọn (ví dụ: #FF5733).
  • RGB —Được dùng trong lập trình màn hình, CSS và API canvas. Mỗi kênh (Đỏ, Xanh lục, Xanh lam) nằm trong khoảng 0-955.
  • HSL —Hue, Saturation, Lightness. Trực quan hơn với con người —dễ điều chỉnh độ sáng hoặc tông màu.
  • CMYK —Cyan, Magenta, Yellow, Key (Black). Được dùng trong thiết kế in ấn và quy trình xuất bản chuyên nghiệp.
  • Chỉnh sửa bất kỳ trường nào và mọi định dạng khác sẽ tự động cập nhật. Hỗ trợ cả dạng ngắn (255, 87, 51) và dạng đầy đủ (rgb(255, 87, 51)) đầu vào.

Color Converter là gì?

Chuyển đổi màu giữa HEX, RGB, HSL và CMYK ngay lập tức. Bao gồm bộ chọn trực quan để bạn điều chỉnh và sao chép định dạng cần dùng.

Cách sử dụng Color Converter

  1. Nhập một màu ở định dạng HEX, RGB, HSL, HSV hoặc định dạng được hỗ trợ khác.
  2. Hãy để công cụ tự động chuyển đổi giá trị sang các định dạng màu khác.
  3. Tinh chỉnh bất kỳ trường nào cho đến khi đầu ra khớp chính xác với màu mục tiêu của bạn.
  4. Sao chép định dạng bạn cần cho CSS, bàn giao thiết kế hoặc công việc in ấn.

Công cụ liên quan

🎨
chọn màu
Chuyển đổi màu giữa HEX, RGB, HSL và CMYK
 🎨
tạo bảng màu
Tạo bảng màu bổ sung, tương tự và bộ ba
 ♿
kiểm tra contrast WCAG
Kiểm tra tỷ lệ tương phản màu WCAG AA và AAA để đảm bảo khả năng tiếp cận
Hiểu về các định dạng màu ▾
Ví dụ
Đầu vào #FF5733
Đầu ra RGB(255, 87, 51), HSL(11, 100%, 60%), CMYK(0, 66, 80, 0)
Các trường hợp sử dụng phổ biến
  • Chuyển đổi màu từ mockup thiết kế thành giá trị sẵn sàng cho CSS
  • Chuyển đổi màu RGB hoặc HSL sang HEX cho mã front-end
  • So sánh giá trị CMYK hướng in ấn với các định dạng màu kỹ thuật số
  • Chuẩn hóa thông số màu trước khi bàn giao tệp thiết kế
Câu hỏi thường gặp
Công cụ có hỗ trợ CSS oklch() và lab() không?

Công cụ này chuyển đổi giữa các không gian màu truyền thống. CSS oklch/lab cần một công cụ chuyển đổi màu cảm nhận chuyên dụng.

Chuyển đổi CMYK chính xác đến mức nào?

Quá trình chuyển đổi sử dụng công thức sRGB →CMYK. Để sản xuất in ấn, hãy dùng công cụ hỗ trợ hồ sơ ICC.

Công cụ chuyển đổi màu trực tuyến —HEX, RGB, HSL & OKLCH làm gì?

Công cụ chuyển đổi màu trực tuyến —HEX, RGB, HSL & OKLCH chạy hoàn toàn trong trình duyệt của bạn và giúp bạn hoàn thành tác vụ này mà không tải dữ liệu lên máy chủ.

Chuyển đổi màu trực tuyến —HEX, RGB, HSL & OKLCH có miễn phí không?

Có. Công cụ này miễn phí sử dụng và không yêu cầu đăng ký.