ตัวแปลง HEX เป็น RGB
แปลงรหัสสี HEX เป็น RGB อย่างรวดเร็ว เพียงป้อนโค้ด HEX เพื่อรับค่ารหัสสี RGB ที่ถูกต้องสำหรับการออกแบบและพัฒนาเว็บ.
วาง HEX ลากแถบ RGB หรือ HSL หรือใช้ตัวเลือกสีแบบภาพ เพื่อแปลงสีระหว่าง HEX, RGB, HSL และ CMYK ได้ทันที
HEX
วางรหัส HEX 3 หรือ 6 หลัก จะมีหรือไม่มีเครื่องหมาย # ก็ได้
RGB
HSL
CMYK
%
%
%
%
CMYK คือพื้นที่สีสำหรับงานพิมพ์ ค่าจะคำนวณจาก RGB แล้วปัดเป็นเปอร์เซ็นต์เต็ม
ตัวแปลงสีคืออะไร?
ตัวแปลงสีช่วยแปลงสีเดียวกันระหว่างฟอร์แมตที่ใช้บนเว็บ การออกแบบ และงานพิมพ์ สีฟ้าเฉดเดียวกันสามารถเขียนเป็น #4F8AB2, rgb(79, 138, 178), hsl(207, 38%, 50%) หรือ cmyk(56%, 22%, 0%, 30%) ได้ - รูปแบบต่างกันแต่เป็นสีเดียวกัน
อ้างอิงรูปแบบสี
- HEX - รหัสฐานสิบหก 6 หลักที่ใช้ใน CSS และโปรแกรมออกแบบ เช่น #4F8AB2
- RGB - ค่าช่อง Red, Green, Blue ตั้งแต่ 0–255 ใช้ใน CSS และ API ส่วนใหญ่
- HSL - Hue (0-360), Saturation (%), Lightness (%) - เหมาะสำหรับการปรับเชิงสายตา
- CMYK - Cyan, Magenta, Yellow, Key สี่ช่องสำหรับงานพิมพ์
ใช้เครื่องมือนี้จาก AI agent ของคุณ
JSON API ฟรีและเซิร์ฟเวอร์ Model Context Protocol (MCP) ฟรี ไม่ต้องลงทะเบียน ไม่ต้องใช้ API key, CORS เปิด ออกแบบสำหรับ Claude, ChatGPT, Cursor, สคริปต์ และแอปฟรอนต์เอนด์
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()); เพิ่มลงใน claude_desktop_config.json (Claude Desktop), ~/.cursor/mcp.json (Cursor) หรือไคลเอ็นต์อื่นที่รองรับ MCP:
{
"mcpServers": {
"mate-tools": {
"command": "npx",
"args": ["-y", "@mate-tools/mcp-server"]
}
}
}คำถามที่พบบ่อย
แบ่งรหัส HEX เป็นสามคู่ แล้วแปลงแต่ละคู่จากฐานสิบหกเป็นฐานสิบ ตัวอย่าง #4F8AB2: 4F = 79, 8A = 138, B2 = 178 ได้เป็น rgb(79, 138, 178) ตัวแปลงทำการคำนวณนี้ให้แบบเรียลไทม์
HEX, RGB และ HSL คือสีเดียวกันแต่เขียนต่างกัน HEX กระชับ RGB บอกค่าช่องตรง ๆ HSL ใช้ปรับเฉดสี ความอิ่มและความสว่างได้ง่ายกว่า ส่วน CMYK เป็นพื้นที่สี 4 ช่องสำหรับงานพิมพ์ คำนวณมาจาก RGB และอาจไม่ตรงกับสีบนหน้าจอเป๊ะ ๆ
ได้ HEX 3 หลักเป็นรูปแบบย่อโดยทำซ้ำแต่ละตัว ดังนั้น #FA0 จะเทียบเท่า #FFAA00 ตัวแปลงรองรับทั้งสองรูปแบบ จะมีหรือไม่มี # ก็ได้
หน้าจอใช้การผสมแบบบวก (RGB) ส่วนงานพิมพ์ใช้การผสมแบบลบ (CMYK) และไม่ใช่ทุกสี RGB ที่จะมี CMYK ตรงเป๊ะ โปรแกรมออกแบบมืออาชีพจะอ้างอิงโพรไฟล์กระดาษ หมึก และเครื่องพิมพ์ - ค่าที่นี่เป็นการแปลงทางคณิตศาสตร์ใช้เป็นจุดเริ่มต้นได้
ช่อง RGB ถูกจำกัดในช่วง 0-255 ส่วน Saturation และ Lightness ของ HSL จำกัดที่ 0-100% Hue ใช้เป็นค่า 0-360 องศา หากใส่ค่าที่นอกช่วง ระบบจะปัดกลับเข้าช่วงและอัปเดตรูปแบบอื่นให้สอดคล้องกัน
