Công cụ màu

Trình chuyển đổi màu trực tuyến | Đồng bộ RGB, HEX, HSL, HSV, CMYK

Công cụ chuyển đổi màu trực tuyến miễn phí cho RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK và CMYKA. Chỉnh bất kỳ định dạng nào và mọi giá trị màu khác sẽ cập nhật ngay lập tức.

Đồng bộ trực tiếpKhông cần tải lên

Xem trước trực quan

Dùng ô màu, bộ chọn màu gốc của trình duyệt và thanh alpha để tinh chỉnh cùng một màu trong mọi định dạng.

Màu xem trước

#3B82F6

rgba(59, 130, 246, 0.84)

Bộ chọn màu

#3B82F6

Độ trong suốt

0.84

Kênh trực tiếp

HEX

R: 59
G: 130
B: 246
A: 0.84

Mẹo chỉnh sửa

Nếu một trường tạm thời không hợp lệ khi bạn đang nhập, màu hợp lệ gần nhất vẫn được giữ lại. Hoàn tất giá trị và các định dạng khác sẽ tự động đồng bộ lại.

Đồng bộ trực tiếpKhông cần tải lên

Trình chỉnh sửa định dạng màu hai chiều

Tất cả định dạng bên dưới đều có thể chỉnh sửa. Khi bạn thay đổi HEX, RGB, RGBA, HSL, HSLA, HSV, HSVA, CMYK hoặc CMYKA, các mô hình màu còn lại sẽ đồng bộ ngay.

HEX

nguồn

RGB

RGBA

HSL

HSLA

HSV

HSVA

CMYK

CMYKA

Giải thích

RGB

RGB là mô hình màu tiêu chuẩn gồm ba kênh đỏ (R), xanh lá (G) và xanh dương (B). Bằng cách thay đổi cường độ của ba kênh này, RGB có thể biểu diễn hầu hết màu sắc trên màn hình và là một trong những hệ màu được dùng rộng rãi nhất cho thiết bị số.

RGBA

RGBA là RGB có thêm kênh alpha cho độ trong suốt. R, G và B thường dùng giá trị từ 0 đến 255, còn A thường dùng 0 đến 1 hoặc 0% đến 100%. Đây là định dạng rất phổ biến trong CSS khi cần cùng một màu nhưng thay đổi độ mờ.

HEX

HEX là cách biểu diễn màu bằng hệ thập lục phân. Nó được dùng rộng rãi trong thiết kế web và CSS vì ngắn gọn và dễ sao chép. Một giá trị như #2E8B57 mã hóa đỏ, xanh lá và xanh dương bằng các cặp hex; dạng mở rộng còn có thể chứa cả alpha.

HSL

HSL (Hue, Saturation, Lightness) biểu diễn màu RGB trong hệ tọa độ hình trụ. H là nhóm màu cơ bản, S là độ thuần của màu, còn L điều khiển độ sáng: 0% là tối nhất, 50% là cân bằng và 100% là sáng nhất.

HSLA

HSLA là HSL có thêm kênh alpha. Nó giữ nguyên hue, saturation và lightness, đồng thời bổ sung độ trong suốt nên rất phù hợp cho đổ bóng, lớp phủ, màu nền bán trong suốt và trạng thái giao diện.

HSV

HSV (Hue, Saturation, Value) là không gian màu do A. R. Smith tạo ra vào năm 1978, còn được gọi là Hexcone Model. Vì Value mô tả trực tiếp độ sáng cảm nhận, HSV thường dễ dùng hơn cho việc chọn màu trực quan.

HSVA

HSVA là HSV có thêm kênh alpha. Nó phù hợp khi bạn muốn dùng mô hình hue, saturation, value trực quan nhưng vẫn cần mô tả độ mờ cho giao diện và đồ họa có lớp.

CMYK

CMYK là chế độ màu phổ biến trong in ấn. Tài liệu in được nhìn thấy nhờ ánh sáng bên ngoài phản xạ vào mắt, nên CMYK phù hợp với báo, bao bì và tờ rơi. Khác với RGB trên màn hình, CMYK được thiết kế cho mực in trên giấy.

CMYKA

CMYKA mở rộng CMYK bằng cách thêm kênh alpha. Nó hữu ích khi bạn cần mô tả các giá trị cyan, magenta, yellow, key cùng với độ trong suốt trong quy trình thiết kế hoặc tài sản nhiều lớp.

Cách dùng trình chuyển đổi màu trực tuyến

Dán hoặc nhập giá trị vào bất kỳ trường định dạng nào như HEX, RGB, RGBA, HSL, HSV hoặc CMYK.

Ngay khi giá trị hợp lệ, công cụ sẽ tự động chuyển đổi sang mọi định dạng màu được hỗ trợ khác.

Dùng bảng xem trước, bộ chọn màu, thanh alpha và các nút sao chép để tinh chỉnh và xuất đúng màu bạn cần.

Tính năng chính

Đồng bộ định dạng hai chiều

Thay đổi bất kỳ định dạng nào được hỗ trợ và giữ RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK, CMYKA đồng bộ theo thời gian thực.

Điều khiển màu trực quan

Xem màu hiện tại ngay lập tức với ô màu trực tiếp, bộ chọn màu của trình duyệt, thanh alpha và thông số từng kênh.

Chuyển đổi trong trình duyệt

Mỗi trường hỗ trợ cú pháp quen thuộc và toàn bộ chuyển đổi đều diễn ra phía trình duyệt để nhanh và riêng tư hơn.

Câu hỏi thường gặp về trình chuyển đổi màu

Tôi có thể sửa bất kỳ định dạng màu nào và cập nhật tất cả định dạng còn lại không?

Có. Trình chuyển đổi hỗ trợ đồng bộ hai chiều. Nếu bạn chỉnh RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK hoặc CMYKA, các định dạng còn lại sẽ cập nhật ngay khi giá trị hợp lệ.

Độ trong suốt được xử lý thế nào khi chuyển đổi?

HEX được hiển thị không kèm alpha vì trang này tập trung vào các định dạng bạn yêu cầu. Alpha vẫn được giữ trong RGBA, HSLA, HSVA và CMYKA, và phần xem trước luôn phản ánh đúng độ trong suốt hiện tại.

Trình chuyển đổi màu này có riêng tư không?

Không. Toàn bộ logic chuyển đổi chạy cục bộ trong trình duyệt của bạn, nên giá trị màu không bị tải lên máy chủ.