Công cụ chuyển đổi
Chuyển HEX, RGB, HSL, HSV và CMYK
Chuyển HEX, RGB, HSL, HSV/HSB và CMYK trong trình duyệt. Chọn màu, sao chép mã và kiểm tra tương phản WCAG. Không tải gì lên.
Dán mã màu hoặc dùng bộ chọn. HEX, RGB, HSL, HSV và CMYK cập nhật cùng lúc. Kiểm tra tương phản dùng tỉ lệ WCAG trên nền đục.
- Chạy trên máy
- Không tải lên
- Tức thì
- Miễn phí
RGBA, HSLA và HEX 8 chữ số giữ alpha. Chuỗi HSV và CMYK thì không; alpha hiện riêng.
HSV và HSB là cùng một mô hình. V và B đều nghĩa là độ sáng.
CMYK ở đây là ước lượng từ RGB màn hình. Không phải chuyển đổi hồ sơ in ICC.
Tương phản WCAG
Tiền cảnh có thể có alpha và được ghép lên nền đục. Phiên bản này không dùng alpha của nền. Chỉ tương phản chưa chứng minh trang dễ tiếp cận.
| Kiểm tra | Kết quả |
|---|---|
| AA chữ thường | |
| AA chữ lớn | |
| AAA chữ thường | |
| AAA chữ lớn |
Mẫu chữ thường
Mẫu chữ lớn
Chuyển màu và kiểm tra tương phản chạy trong trình duyệt. Giá trị không được tải lên.
Cách hoạt động
- 01 Dán giá trị HEX, RGB, HSL, HSV hoặc CMYK, hoặc dùng bộ chọn.
- 02 Đọc mã đã chuyển và sao chép phần bạn cần.
- 03 Nếu màu dùng cho chữ, kiểm tra tương phản trên nền đục.
Vì sao chọn NEXNARA
-
Riêng tư
Dữ liệu ở lại trong trình duyệt.
-
Tức thì
Kết quả hiện ngay.
-
Không tải lên
Không gửi gì tới máy chủ NEXNARA.
-
Dùng mọi nơi
Không cần cài đặt.
Tìm hiểu thêm
Bộ chuyển đổi màu là gì?
Công cụ này đổi một ký hiệu màu sang các ký hiệu còn lại. Dùng để sao chép HEX cho CSS, RGB cho công cụ thiết kế, HSL để chỉnh, HSV cho bộ chọn, hoặc ước lượng CMYK đơn giản. Mọi phép tính ở lại trình duyệt.
HEX là gì?
HEX ghi đỏ, lục và lam thành từng cặp thập lục phân, ví dụ #FF0000. #RGB ngắn nhân đôi mỗi chữ số. #RRGGBBAA tám chữ số thêm alpha. Dấu # ở đây không bắt buộc.
RGB là gì?
RGB trộn đỏ, lục và lam từ 0 đến 255. RGBA thêm alpha từ 0 đến 1. Màn hình hiện màu bằng RGB nên đây là định dạng trung tâm cho các phép chuyển khác.
HSL là gì?
HSL là sắc (0–360), độ bão hòa (0–100%) và độ sáng (0–100%). Sắc 360 giống 0. HSLA thêm alpha. Hữu ích khi muốn làm sáng hoặc bão hòa mà không nghĩ bằng RGB thô.
HSV / HSB là gì?
HSV (còn gọi HSB) dùng sắc, độ bão hòa và giá trị/độ sáng. Khác HSL: đỏ sáng tối đa là hsv(0, 100%, 100%) và hsl(0, 100%, 50%). Công cụ này coi HSV và HSB là một mô hình.
CMYK là gì?
CMYK là lục lam, đỏ tươi, vàng và đen, mỗi kênh 0–100%. Máy in dùng CMYK. Phép chuyển ở đây là ước lượng toán học từ RGB màn hình, không phải hồ sơ ICC sẵn in.
RGB so với CMYK
RGB là ánh sáng cộng trên màn hình. CMYK là mực trừ trên giấy. Cùng con số chưa chắc khớp mẫu in. Dùng CMYK này để hình dung sơ, không phải bản in cuối.
Alpha là gì?
Alpha là độ đục. 1 đặc; 0 trong suốt hoàn toàn. HEX 8 chữ số, RGBA và HSLA lưu nó. Đầu ra HSV và CMYK trên trang này không gồm alpha nên ô alpha vẫn hiện.
Tỉ lệ tương phản WCAG là gì?
Tương phản WCAG so sánh độ chói tương đối của chữ và nền. Mục tiêu thường gặp: 4,5:1 AA chữ thường, 3:1 AA chữ lớn, 7:1 AAA chữ thường và 4,5:1 AAA chữ lớn. Kiểm tra này không phủ kích thước, độ đậm hay phần còn lại của khả năng tiếp cận.
Cách chuyển một màu
Chọn HEX, RGB, HSL, HSV hoặc CMYK. Dán giá trị hoặc kéo bộ chọn. Chuyển chạy khi bạn gõ. Sao chép kết quả bất kỳ. Với tương phản, đặt nền đục rồi đọc PASS hoặc FAIL cạnh mỗi hàng WCAG.
Quyền riêng tư
Không gửi gì tới NEXNARA hay API màu bên ngoài. Công cụ này không lưu giá trị trong cookie hay bộ nhớ cục bộ.
Câu hỏi thường gặp
Làm sao chuyển HEX sang RGB?
Dán HEX như #FF0000 hoặc chọn màu. RGB hiện thành rgb(255, 0, 0).
Làm sao chuyển RGB sang HEX?
Chọn RGB rồi nhập rgb(255, 0, 0) hoặc ô R, G, B. HEX thành #FF0000.
HSL khác HSV thế nào?
Cả hai dùng sắc và bão hòa, nhưng kênh thứ ba của HSL là độ sáng (lightness) còn HSV là giá trị (brightness). Đỏ sáng tối đa là 50% lightness trong HSL và 100% value trong HSV.
HSV có giống HSB không?
Có. B của HSB (brightness) chính là V của HSV (value). Công cụ nhận hsv() và hsb().
RGB có chuyển được sang CMYK không?
Có, dưới dạng ước lượng RGB màn hình. Sẽ không khớp mọi hồ sơ máy in.
Vì sao CMYK in ra có thể khác?
Giấy, mực và hồ sơ ICC làm đổi kết quả. Trang này không mô phỏng máy in.
HEX 8 chữ số nghĩa là gì?
Hai chữ số cuối là alpha. #FF000080 là đỏ khoảng 50% độ đục.
Tôi cần tỉ lệ tương phản bao nhiêu?
WCAG AA chữ thường là 4,5:1. Chữ lớn có thể dùng 3:1. AAA chữ thường là 7:1. Công cụ chỉ báo bốn kiểm tra đó.
Việc chuyển có chạy cục bộ không?
Có. Chạy trong trình duyệt. Không có máy chủ hay API bên ngoài.
Làm sao chuyển HEX sang HSL?
Dán HEX rồi đọc ô HSL, hoặc bắt đầu từ HSL rồi sao HEX. Sắc 360 bằng 0.