Go Toolstack

Chuyển đổi không gian màu

Chuyển đổi qua lại giữa các hệ màu HEX, RGB, HSL, HSV, CMYK và chuẩn hiện đại OKLCH

Chuyển đổi không gian màu

Chuyển đổi qua lại giữa các hệ màu HEX, RGB, HSL, HSV, CMYK và chuẩn hiện đại OKLCH

Cách thức hoạt động

1
Enter Query Details
Specify the parameters, location, or query data you want to look up.
2
Fetch or Validate Data
Retrieve or validate information securely within your session.
3
Inspect Detailed Results
Review schedules, reference figures, or comprehensive data tables.

Các tiện ích bổ sung cho quy trình làm việc của bạn

Trung tâm Hình ảnh & Đồ họa • Quy trình làm việc & Hướng dẫn so sánh

Khám phá toàn bộ công cụ hình ảnh & đồ họa, giới hạn trình duyệt và hướng dẫn lựa chọn.

Khám phá trung tâm →
Tạo mã QR

Tạo mã QR tùy chỉnh cho liên kết, Wi-Fi, danh thiếp vCard với các mức sửa lỗi cao
Nén ảnh

Nén dung lượng ảnh WebP, JPEG, PNG, AVIF giảm dung lượng KB mà không vỡ hạt
Thay đổi kích thước ảnh

Đổi kích thước ảnh và điều chỉnh chiều rộng, chiều cao pixel với tỷ lệ khung hình tùy chỉnh.

Hướng dẫn blog liên quan

Hướng dẫn kỹ thuật, khắc phục sự cố và quy trình tối ưu thực tế

Trung tâm kiến thức

Chuyển đổi không gian màu: Quy đổi mã HEX, RGB, HSL, HSV, CMYK và OKLCH

Màu sắc trong thế giới kỹ thuật số được biểu diễn bằng nhiều không gian màu toán học khác nhau tùy theo mục đích ứng dụng: HEX và RGB dành cho màn hình hiển thị số; HSL và HSV dành cho các công cụ thiết kế giao diện đồ họa; CMYK dành riêng cho ngành in ấn mực 4 màu; và OKLCH là không gian màu hiện đại nhất của CSS Color Module Level 4 với độ đồng đều tri giác tuyệt hảo.

Công cụ này cung cấp giải pháp quy đổi toán học chuẩn xác giữa tất cả các hệ màu phổ biến. Chỉ cần nhập giá trị vào bất kỳ ô định dạng nào, toàn bộ các không gian màu còn lại sẽ lập tức được tính toán tương ứng, giúp các nhà thiết kế và nhà in đồng bộ mã màu một cách hoàn hảo.

Công thức & Nguyên lý kỹ thuật

RGB ↔ HSL ↔ CMYK ↔ OKLCH: Chuẩn hóa R,G,B ∈ [0,1] → Ma trận chuyển đổi không gian màu CIE XYZ → Tọa độ không gian mục tiêu

Các thuật toán quy đổi áp dụng các công thức lượng giác và ma trận màu tiêu chuẩn quốc tế. Hệ màu CMYK được tính toán bù màu trừ (Subtractive Color Mixing) với thành phần màu đen Key (K).

Thực hành tốt nhất & Hướng dẫn thiết yếu

  • Quy đổi sang CMYK trước khi gửi nhà in: Luôn chuyển đổi mã màu thiết kế web sang CMYK để xem trước màu sắc khi in ra giấy thực tế có bị xỉn màu hay không.
  • Tận dụng OKLCH cho CSS hiện đại: Sử dụng hệ màu OKLCH trong các dự án CSS mới để xây dựng hệ thống thang màu sắc độ đồng đều mà mắt người cảm nhận tự nhiên nhất.
  • Kiểm tra kênh Alpha độ mờ: Nếu màu sắc của bạn có độ trong suốt (transparency), hãy sử dụng định dạng RGBA hoặc HSLA để mã hóa giá trị alpha từ 0.0 đến 1.0.
  • Sao chép mã kèm cú pháp chuẩn: Công cụ cung cấp sẵn cú pháp CSS hoàn chỉnh (ví dụ: rgb(255, 99, 71)) để bạn dán ngay vào mã nguồn.

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

Tại sao màu trên màn hình (RGB) khi in ra giấy (CMYK) lại nhìn tối hơn?
RGB là hệ màu cộng phát sáng của màn hình có dải màu rộng hơn, trong khi CMYK là hệ màu trừ của mực in phản xạ ánh sáng. Một số màu rực rỡ (như xanh dạ quang) nằm ngoài dải màu của máy in CMYK nên sẽ bị giảm tông màu khi in.
Mã màu HEX có hỗ trợ độ trong suốt không?
Có. Chuẩn CSS hiện đại hỗ trợ mã HEX 8 ký tự (ví dụ: #FF000080), trong đó 2 ký tự cuối cùng đại diện cho độ mờ alpha (80 tương đương 50% trong suốt).
Hệ màu OKLCH có gì vượt trội hơn HSL?
OKLCH là không gian màu tri giác (Perceptually Uniform). Trong HSL, việc tăng độ sáng có thể làm thay đổi sắc thái màu cảm nhận; trong khi với OKLCH, bạn có thể điều chỉnh độ sáng độc lập mà màu sắc vẫn giữ nguyên bản chất.
Công cụ có xử lý được các mã màu viết tắt như #FFF không?
Có. Bộ phân tích tự động nhận diện cả mã HEX 3 ký tự viết tắt (#FFF) và mở rộng thành mã 6 ký tự chuẩn (#FFFFFF).