Chuyển đổi mã màu online miễn phí

Đổi mã màu giữa HEX, RGB, HSL, CMYK, kiểm tra độ tương phản WCAG và lấy màu bổ sung, bộ ba, tương đồng cùng các sắc độ chỉ trong một lần gọi.

Công cụ miễn phí: 20 request mỗi phút.

Kết quả

Bấm “Chạy” để xem kết quả.

API Color nhận một màu dạng hex (#1e90ff, 1e90ff, #39f), rgb(30,144,255) hoặc hsl(210,100%,56%) và trả về đủ mọi định dạng thông dụng: hex, RGB, HSL, CMYK cùng chuỗi CSS sẵn để dán. API còn cho biết độ sáng tương đối (luminance), màu đó tối hay sáng, độ tương phản với trắng và đen, và nên dùng chữ màu gì trên nền đó.

Để phối màu, phản hồi có sẵn màu bổ sung (complementary), hai màu bộ ba (triadic), hai màu tương đồng (analogous) và tám sắc độ từ tối đến sáng (độ sáng −40 đến +40), tất cả ở dạng hex.

Truyền thêm màu thứ hai qua compare để biết tỉ lệ tương phản giữa hai màu và kết quả theo WCAG 2.x: AA cho chữ thường (≥ 4.5), AA cho chữ lớn (≥ 3) và AAA cho chữ thường (≥ 7). Rất hữu ích khi kiểm tra khả năng tiếp cận của màu thương hiệu và theme giao diện.

Dùng trong code của bạn

curl "https://apibox.io.vn/v1/color?color=%231e90ff&compare=%23ffffff" \
  -H "Authorization: Bearer YOUR_API_KEY"

Tài liệu API → Nhận API key miễn phí

Hỏi đáp

Kiểm tra độ tương phản màu WCAG thế nào?

Gọi /v1/color?color=%231e90ff&compare=%23ffffff. Đối tượng compare trả về tỉ lệ (ở đây 3.24) và kết quả đạt/không đạt AA chữ thường, AA chữ lớn, AAA chữ thường. Nhớ mã hoá dấu # thành %23 trong URL.

API nhận những định dạng màu nào?

Hex 3 hoặc 6 ký tự (có hoặc không có #), rgb()/rgba() và hsl()/hsla(). Giá trị alpha bị bỏ qua. Tên màu CSS như "red" không được endpoint này hỗ trợ.

CMYK được tính thế nào?

Theo công thức chuyển RGB→CMYK cơ bản (không dùng profile màu ICC), làm tròn đến phần trăm. Với in ấn chuyên nghiệp, hãy nhờ nhà in chuyển đổi theo profile.