Phát triển Web
Color Converter
Chuyển đổi màu giữa HEX, RGB, HSL, HSV/HSB và CMYK — nhập giá trị vào bất kỳ trường nào, các trường còn lại sẽ cập nhật ngay lập tức.
The same color can be written differently depending on context: HEX and RGB are convenient for code, HSL is intuitive for picking a hue and lightness, and CMYK is for print. This tool converts between all of them at once.
How to use it
- Enter a value in any field (HEX, RGB, HSL, HSV/HSB, or CMYK) — every other format updates instantly.
- The "random color" button generates a random hue for quickly browsing a palette.
- Copy the format you need with one click to paste into CSS or a graphics editor.
Which format to use when
- HEX — a compact notation for CSS and design systems (#4453b8).
- RGB — when you need transparency via rgba() or programmatic access to individual color channels.
- HSL — the easiest for manual tuning: lighten or darken a color by changing just one value.
- CMYK — for materials headed to print, where colors mix subtractively, unlike the additive RGB used on screens.
Things to keep in mind
CMYK on screen is only an approximation — the exact printed color depends on the printer, paper, and color profile used.
Conversion between color spaces isn't always exact for extreme, highly saturated colors, due to differences in gamut coverage between models.
Bài viết về công cụ này: HEX, RGB, HSL: vì sao có nhiều cách viết một màu đến vậy
Câu hỏi thường gặp
Công cụ chuyển đổi xử lý kênh alpha (độ trong suốt) như thế nào?
Alpha được hỗ trợ trong HEX (#RRGGBBAA), RGBA và HSLA — bất cứ gì bạn nhập sẽ được chuyển sang các định dạng khác hỗ trợ độ trong suốt, trong khi các định dạng không có kênh alpha, như CMYK thông thường, đơn giản là bỏ qua nó.
Vì sao giá trị hơi thay đổi sau khi chuyển sang CMYK rồi quay lại HEX?
CMYK là mô hình hướng đến in ấn không có công thức cố định duy nhất để chuyển đổi qua lại với RGB, nên một vòng chuyển đổi có thể làm lệch giá trị một hoặc hai đơn vị do sai số làm tròn; về mặt thị giác màu sắc gần như vẫn giữ nguyên.
Dữ liệu màu của tôi có được gửi đi đâu không?
Không, mọi chuyển đổi diễn ra cục bộ trong trình duyệt của bạn bằng JavaScript — không có gì được tải lên máy chủ.
OKLCH khác HSL như thế nào?
OKLCH mô tả một màu qua độ sáng (L), sắc lượng (C) và sắc độ (H), nhưng khác với HSL, nó tính đến cách mắt người thực sự cảm nhận độ sáng — thay đổi L trong OKLCH không làm méo độ bão hòa cảm nhận được của màu, nên các chuyển tiếp giữa các sắc độ trông đều hơn.
Một màu "ngoài gamut" (out of gamut) nghĩa là gì?
Một số màu trong các không gian rộng như OKLCH hay Display P3 không thể tái tạo về mặt vật lý trên các màn hình chỉ hỗ trợ sRGB — khi đó trình duyệt sẽ thay bằng màu gần nhất có sẵn trong dải màu được hỗ trợ.