Chuyển đổi mã màu

Chuyển đổi mã màu (Trình chuyển đổi màu)

Khi bạn chỉ định màu bằng công cụ chọn màu hoặc giá trị số, hệ thống sẽ tự động tính toán các giá trị HEX, RGB, HSL, HSV và CMYK. Bạn có thể sao chép từng định dạng chỉ với một cú nhấp chuột và kiểm tra tỷ lệ tương phản với các màu bổ sung và màu văn bản.

Nhập màu

Hỗ trợ các định dạng #RGB, #RGBA, #RRGGBB và #RRGGBBAA.

%
%

%
%

%
%
%
%

Kết quả dịch

Các màu đã nhập đã được chuyển đổi sang từng định dạng màu tương ứng.

Văn bản mẫu
HEX
HEXA (kèm độ trong suốt)
RGB
RGBA
HSL
HSLA
HSV / HSB
CMYK

Màu bổ sung

Đây là màu đối lập, được dịch chuyển 180 độ dọc theo trục màu.

Tạo độ tương phản với màu chữ

Tỷ lệ so với văn bản màu trắng
Tỷ lệ so với văn bản màu đen
Màu chữ dễ đọc:

Tất cả các thao tác chuyển đổi màu đều được thực hiện trong trình duyệt; dữ liệu nhập vào không được gửi lên máy chủ.

Công cụ chuyển đổi mã màu là gì?

Color Code Converter là một công cụ trực tuyến miễn phí giúp chuyển đổi các biểu diễn màu dưới dạng số được sử dụng trong thiết kế web, phát triển ứng dụng, chỉnh sửa hình ảnh và thiết kế in ấn. Ngay cả đối với cùng một màu, định dạng được sử dụng để chỉ định màu đó — chẳng hạn như HEX, RGB, HSL, HSV hoặc CMYK — cũng khác nhau tùy thuộc vào ứng dụng hoặc phần mềm. Với công cụ này, bạn có thể xem các giá trị của tất cả các định dạng chính chỉ trong nháy mắt bằng cách nhập một màu duy nhất.

HEX là hệ thống ký hiệu thập lục phân được sử dụng rộng rãi trong CSS của trang web. Ví dụ, màu trắng được biểu thị là #FFFFFF, còn màu đen là #000000. RGB là hệ thống kết hợp ánh sáng đỏ, xanh lá và xanh dương trên thang giá trị từ 0 đến 255, được sử dụng để xử lý màu sắc trên màn hình. RGBA và HEXA 8 chữ số cũng cho phép bạn chỉ định độ trong suốt, giúp chúng trở nên hữu ích trong việc tạo màu nền và lớp phủ bán trong suốt.

HSL biểu diễn màu sắc thông qua ba thành phần: tông màu (hue), độ bão hòa (saturation) và độ sáng (lightness). Tông màu được xác định trên vòng tròn màu với phạm vi từ 0 đến 360 độ, trong khi độ bão hòa và độ sáng được xác định trên thang đo từ 0 đến 100%.Định dạng này giúp điều chỉnh màu sắc một cách trực quan và dễ dàng, chẳng hạn như làm cho màu sáng hơn một chút hoặc giảm bớt độ rực rỡ của chúng. HSV hoặc HSB biểu diễn màu sắc bằng cách sử dụng tông màu, độ bão hòa và độ sáng, và được sử dụng trong nhiều chương trình đồ họa và công cụ chọn màu.

CMYK là mô hình màu dựa trên lượng mực cyan, magenta, yellow và black, và chủ yếu được sử dụng trong ngành in ấn. Tuy nhiên, các giá trị CMYK được tính toán toán học từ màu RGB trên màn hình chỉ mang tính chất tham khảo sơ bộ. Do kết quả in thực tế phụ thuộc vào các yếu tố như giấy, mực in, máy in và hồ sơ ICC, vui lòng liên hệ với công ty in ấn của bạn và kiểm tra môi trường quản lý màu để đảm bảo độ chính xác màu sắc cho các tài liệu in cần độ chính xác cao.

Công cụ này không chỉ hiển thị các giá trị cho từng định dạng mà còn hiển thị bản xem trước của màu đã chọn, màu bổ sung của nó (chênh lệch 180 độ về tông màu) và tỷ lệ tương phản khi văn bản màu trắng và màu đen được chồng lên nhau. Công cụ này rất hữu ích để chọn màu văn bản dễ đọc trên nền màu và để xem xét các bảng màu với tiêu chí khả năng truy cập.Tất cả các phép tính đều được thực hiện ngay trong trình duyệt, và thông tin màu sắc bạn nhập vào sẽ không bao giờ được gửi lên máy chủ.

Cách sử dụng

  1. Sử dụng công cụ chọn màu hoặc nhập giá trị dưới dạng HEX, RGB, HSL, HSV hoặc CMYK.
  2. Tùy thuộc vào định dạng bạn nhập, các giá trị ở các định dạng màu khác sẽ được cập nhật tự động.
  3. Nếu cần điều chỉnh độ trong suốt, hãy điều chỉnh thanh trượt độ trong suốt hoặc trường số.
  4. Khi bạn nhấp vào “Hiển thị kết quả chuyển đổi”, bạn sẽ được chuyển đến phần kết quả, nơi bạn có thể kiểm tra từng định dạng, màu sắc bổ sung và tỷ lệ tương phản.
  5. Nhấp vào "Sao chép" ở định dạng mong muốn, sau đó dán vào CSS, các công cụ thiết kế, tài liệu hướng dẫn, v.v.

Các lưu ý khi sử dụng

  • Các giá trị CMYK là các giá trị chuyển đổi chung được tính toán từ RGB và không đảm bảo tái tạo màu sắc chính xác khi in.
  • Độ trong suốt được thể hiện trong các định dạng RGB, HSL và HEXA, nhưng CMYK không bao gồm khái niệm độ trong suốt.
  • Tùy thuộc vào cài đặt màn hình, trình duyệt và hệ điều hành của bạn, cùng một mã màu có thể hiển thị khác nhau.
  • Tỷ lệ tương phản được tính toán dựa trên các màu không trong suốt, không tính đến độ trong suốt. Độ dễ đọc có thể thay đổi tùy thuộc vào hình nền thực tế và cách các thành phần chồng lên nhau.
  • Các số thập phân rất nhỏ sẽ được làm tròn đến số chữ số thập phân thích hợp để dễ đọc.

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

Màu sắc được biểu thị bằng hệ thập lục phân. Thông thường, định dạng 6 chữ số #RRGGBB được sử dụng; khi bao gồm độ trong suốt, định dạng 8 chữ số #RRGGBBAA được sử dụng.

RGB bao gồm ba thành phần — đỏ, lục và lam — trong khi RGBA bổ sung thêm kênh alpha để biểu thị độ trong suốt.

Tính năng này rất hữu ích khi bạn muốn điều chỉnh độ sáng hoặc độ bão hòa mà vẫn giữ nguyên tông màu. Nó cũng rất phù hợp để tạo các biến thể màu trong CSS.

Thông thường, các thuật ngữ này đề cập đến cùng một mô hình. "V" là viết tắt của "Value" (Giá trị) và "B" là viết tắt của "Brightness" (Độ sáng), mặc dù thuật ngữ có thể khác nhau tùy theo ứng dụng.

Hiển thị các giá trị gần đúng dựa trên các công thức chung. Cần có các hồ sơ ICC và môi trường in cụ thể để đạt được màu in chính xác.

Đúng. Nếu bạn nhập giá trị ở định dạng #RGB, giá trị đó sẽ được chuyển đổi sang định dạng #RRGGBB, với mỗi chữ số được lặp lại hai lần.

Có. Nó hỗ trợ cả đầu vào và đầu ra theo định dạng #RGBA và #RRGGBBAA.

Đây là các màu nằm ở phía đối diện trên vòng tròn màu. Công cụ này tính toán các màu này bằng cách dịch chuyển tông màu HSL 180 độ.

Chỉ số này thể hiện mức độ chênh lệch về độ sáng giữa màu nền và màu chữ. Thông thường, số càng cao thì càng dễ phân biệt chữ.

So sánh các tỷ lệ tương phản trong phần kết quả; việc chọn tỷ lệ cao hơn sẽ giúp cải thiện khả năng đọc.

Không. Quá trình chuyển đổi và hiển thị diễn ra hoàn toàn trong trình duyệt; các giá trị màu không được gửi đến máy chủ để xử lý.

Có. Bạn có thể chuyển đổi giá trị bằng công cụ chọn màu hoặc các trường nhập số trong các trình duyệt được hỗ trợ.