Bộ chuyển đổi màu sắc
HEX, RGB, HSL, HSV, CMYK, Pantone chỉ trong một cú nhấp chuột
Chuyển đổi giữa HEX, RGB, HSL và các màu có tên trong CSS
Nhập một ký hiệu màu HEX, RGB, HSL hoặc bất kỳ ký hiệu màu phổ biến nào khác; nhận được giá trị tương đương ở tất cả các định dạng khác. Hữu ích khi nhà thiết kế của bạn đưa cho bạn một mã HEX, cửa hàng in yêu cầu CMYK, lập trình viên muốn HSL, và tài liệu thương hiệu của bạn liệt kê màu Pantone tương ứng.
Các định dạng được hỗ trợ
- HEX: #2464C4 hoặc 2464C4. Chuẩn web.
- RGB: rgb(36, 100, 196) hoặc 36,100,196. Kênh thập phân 0–255.
- HSL: hsl(213, 70%, 45%). Sắc thái (0–360), độ bão hòa, độ sáng.
- HSV / HSB: hsv(213, 82%, 77%). Được sử dụng bởi Photoshop và Sketch.
- CMYK: cmyk(82%, 49%, 0%, 23%). Dành cho thông số in ấn.
- Pantone gần nhất: kết quả gần đúng với tên và mã. Hữu ích cho tham chiếu thương hiệu.
- Màu CSS có tên: 'cornflowerblue', 'tomato', v.v.
Tại sao các định dạng này quan trọng
HEX là định dạng mặc định của web/lập trình — đó là thứ bạn dán vào CSS và hầu hết các công cụ thiết kế. RGB và HSL là cùng một màu được biểu diễn khác nhau; HSL dễ thao tác hơn (thay đổi sắc thái, làm sáng) bằng tay. CMYK dành cho in ấn — màu trên màn hình của bạn sẽ không khớp chính xác với màu đã in vì CMYK có gam màu nhỏ hơn. Pantone dành cho in màu spot-chính xác khi độ chính xác quan trọng (logo trên tiêu đề thư, bao bì).
Những gì nó không làm
Đây là công cụ chuyển đổi, không phải chọn màu. Để chọn màu từ ảnh, hãy sử dụng Chọn màu. Để trích xuất bảng màu từ hình ảnh, hãy sử dụng Trích xuất bảng màu. Để tạo gradient giữa hai màu, hãy sử dụng Trình tạo gradient.
Câu hỏi thường gặp
Độ chính xác của việc khớp màu Pantone là bao nhiêu?
Chúng tôi tính toán màu Pantone Coated gần nhất dựa trên khoảng cách Lab. Việc khớp màu Pantone thực tế cho in ấn vẫn nên được thực hiện bởi xưởng in với các mẫu tham chiếu.
Tại sao CMYK trông khác trên màn hình?
Màn hình sử dụng RGB; CMYK có gam màu nhỏ hơn. Bản xem trước trên màn hình chỉ là bản kiểm tra, không khớp với bản in.
Tôi có thể chuyển đổi hàng loạt không?
Có — dán danh sách các giá trị HEX, mỗi dòng một giá trị, và nhận lại tất cả các định dạng dưới dạng CSV.
Có hỗ trợ mã HEX 8 chữ số với kênh alpha không?
Có — #2464C4FF (hai chữ số cuối là alpha 0–FF). Kết quả giữ nguyên kênh alpha trên tất cả các định dạng.
HSL so với HSV khác nhau thế nào?
Cùng sắc độ; độ sáng (HSL) và giá trị (HSV) mô tả độ sáng khác nhau. HSV trực quan hơn khi chọn màu; HSL trực quan hơn khi điều chỉnh.
Tên màu có phân biệt chữ hoa chữ thường không?
Không — 'CornFlowerBlue' và 'cornflowerblue' đều hoạt động.
Tôi có thể chia sẻ URL bảng màu không?
Có — hãy sao chép thanh URL sau khi dán màu của bạn. Mã HEX nằm trong đường dẫn, vì vậy bạn có thể đánh dấu trang và chia sẻ.
Dải màu là gì?
Phạm vi màu sắc mà một hệ thống có thể hiển thị. Theo thứ tự ước chừng: OLED điện thoại > màn hình sRGB > in CMYK > giấy báo.
Giới thiệu Bộ chuyển đổi màu sắc
Bộ chuyển đổi màu sắc là công cụ trực tuyến miễn phí từ Wallpapers.com, chạy hoàn toàn trong trình duyệt — không cần cài đặt, không watermark, không cần đăng ký email cho lần dùng đầu.
Chuyển đổi giữa HEX, RGB, HSL và các màu có tên trong CSS
Cách sử dụng Bộ chuyển đổi màu sắc
- Chọn màu từ bảng màu hoặc dán giá trị HEX / RGB.
- Điều chỉnh đầu ra — bảng màu, độ tương phản, màu bổ sung.
- Sao chép giá trị hoặc xuất mẫu màu dưới dạng JSON.
Khi nào nên sử dụng
Các trường hợp sử dụng phổ biến bao gồm:
chuẩn bị hình ảnh để tải lên web, danh sách thương mại điện tử, nền tảng mạng xã hội có ràng buộc định dạng và chuyển đổi tệp từ thiết bị hoặc ứng dụng này sang thiết bị khác.
Free vs Premium
Mọi khách truy cập đều có một lần dùng thử miễn phí; người dùng đã đăng nhập miễn phí có hạn ngạch hàng ngày cao hơn. Đăng ký
Premium
để có số lần chạy không giới hạn, xử lý hàng loạt lên đến 200 hình ảnh mỗi lần, hàng đợi ưu tiên và duyệt web không quảng cáo.
Công cụ liên quan
Đang tìm kiếm thứ gì đó hơi khác? Thử
Chọn màu từ ảnh
,
Trình Trích Xuất Bảng Màu
hoặc
Trình tạo Gradient
— or browse all
Công cụ màu sắc công cụ.
