Trình Chuyển HEX Sang RGB
Chuyển đổi mã màu HEX sang RGB nhanh chóng và chính xác. Nhập mã HEX và nhận giá trị RGB ngay lập tức.
Trình chuyển đổi màu là gì?
Trình chuyển đổi màu giúp chuyển cùng một màu giữa các định dạng dùng trong web, thiết kế và in ấn. Cùng một sắc xanh có thể được viết là #4F8AB2, rgb(79, 138, 178), hsl(207, 38%, 50%) hay cmyk(56%, 22%, 0%, 30%) - định dạng khác nhau nhưng vẫn là cùng một màu.
Tham chiếu nhanh các định dạng màu
- HEX - Mã 6 ký tự dạng thập lục phân, dùng trong CSS và công cụ thiết kế, ví dụ #4F8AB2.
- RGB - Các kênh Đỏ, Xanh lục, Xanh lam giá trị 0-255 - dùng trong CSS và hầu hết các API.
- HSL - Sắc độ (0-360), Độ bão hòa (%) và Độ sáng (%) - dễ điều chỉnh trực quan.
- CMYK - Lục lam, Hồng cánh sen, Vàng, Đen - định dạng bốn kênh dùng cho in.
Cách chuyển HEX sang RGB thủ công
Màu HEX chỉ là ba cặp chữ số thập lục phân (cơ số 16). Chuyển mỗi cặp thành một số thập phân từ 0 đến 255.
- Tách HEX 6 chữ số thành ba cặp: RR, GG, BB (bỏ dấu # ở đầu).
- Với mỗi cặp, nhân chữ số đầu với 16 rồi cộng với chữ số thứ hai (A=10, B=11, … F=15).
- Ba kết quả này chính là giá trị Đỏ, Lục và Lam của bạn.
Ví dụ: #4F8AB2 → 4F = 4×16 + 15 = 79, 8A = 8×16 + 10 = 138, B2 = 11×16 + 2 = 178 → rgb(79, 138, 178).
Sử dụng công cụ này từ tác nhân AI của bạn
API JSON và máy chủ Model Context Protocol (MCP) miễn phí. Không cần đăng ký, không cần khóa API, CORS mở. Được thiết kế cho Claude, ChatGPT, Cursor, script và ứng dụng frontend.
curl -X POST https://mate.tools/api/v1/color-convert.php \
-H "Content-Type: application/json" \
-d '{"color":"#FF5733"}'import urllib.request, json
req = urllib.request.Request(
"https://mate.tools/api/v1/color-convert.php",
data=json.dumps({"color":"#FF5733"}).encode(),
headers={"Content-Type": "application/json"},
)
with urllib.request.urlopen(req) as r:
print(json.load(r))const r = await fetch("https://mate.tools/api/v1/color-convert.php", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({"color":"#FF5733"}),
});
console.log(await r.json()); Thêm vào claude_desktop_config.json (Claude Desktop), ~/.cursor/mcp.json (Cursor) hoặc bất kỳ máy khách MCP tương thích nào khác:
{
"mcpServers": {
"mate-tools": {
"command": "npx",
"args": ["-y", "@mate-tools/mcp-server"]
}
}
}Câu hỏi thường gặp
Thường được dùng cùng với: Lấy bảng màu từ ảnh · Trình chọn màu ảnh