🌈 M5NanoC6 Color Controller API

Control the RGB LED on your M5Stack NanoC6 device remotely.

\n \n

Current Color

RGB: (${currentColor.r}, ${currentColor.g}, ${currentColor.b})

Hex: #${rgbToHex(currentColor.r, currentColor.g, currentColor.b)}

RGB Hex for NanoC6: 0x${rgbToHex(currentColor.r, currentColor.g, currentColor.b)}

\n\n

API Endpoints

\n \n

\n GET /color
\n Returns the current color settings in JSON format.\n

\n \n

\n POST /color
\n Set color using JSON body: {\"r\": 255, \"g\": 0, \"b\": 0}\n

\n \n

\n GET /color/{hex}
\n Set color using hex value (e.g., /color/ff0000 for red)\n

\n \n

\n GET /random
\n Generate and return a random color\n

\n\n

Quick Test

\n 🔴 Red\n 🟢 Green\n 🔵 Blue\n 🟡 Yellow\n 🟣 Magenta\n 🩵 Cyan\n ⚪ White\n ⚫ Off\n 🎲 Random\n

\n\n

UIFlow2 Integration

Configure your M5NanoC6 to poll this endpoint every second:

URL: https://${url.host}/color

\n \n

In your UIFlow2 code, use the rgb_hex value from the JSON response.

Note: M5NanoC6 uses standard RGB color format!

\n\n

Example UIFlow2 Usage

\n# In your UIFlow2 program:\n# 1. Make HTTP GET request to: https://${url.host}/color\n# 2. Parse JSON response\n# 3. Use response[\"rgb_hex\"] with rgb.set_color()\n# 4. Wait 1 second and repeat\n

\n \n \n `, {\n headers: { \n 'Content-Type': 'text/html',\n ...corsHeaders\n }\n });\n }\n\n // Not found\n return new Response(JSON.stringify({\n error: 'Endpoint not found',\n available_endpoints: [\n 'GET /',\n 'GET /color',\n 'POST /color',\n 'GET /color/{hex}',\n 'GET /random'\n ]\n }), { \n status: 404,\n headers: { \n 'Content-Type': 'application/json',\n ...corsHeaders\n }\n });\n\n } catch (error) {\n return new Response(JSON.stringify({\n error: 'Internal server error',\n message: error.message\n }), { \n status: 500,\n headers: { \n 'Content-Type': 'application/json',\n ...corsHeaders\n }\n });\n }\n}\n\n// Helper functions\nfunction isValidRGB(r: number, g: number, b: number): boolean {\n return Number.isInteger(r) && Number.isInteger(g) && Number.isInteger(b) &&\n r >= 0 && r <= 255 && g >= 0 && g <= 255 && b >= 0 && b <= 255;\n}\n\nfunction isValidHex(hex: string): boolean {\n return /^[0-9A-Fa-f]{6}$/.test(hex);\n}\n\nfunction hexToRgb(hex: string): { r: number, g: number, b: number } {\n const r = parseInt(hex.substring(0, 2), 16);\n const g = parseInt(hex.substring(2, 4), 16);\n const b = parseInt(hex.substring(4, 6), 16);\n return { r, g, b };\n}\n\nfunction rgbToHex(r: number, g: number, b: number): string {\n return ((r << 16) | (g << 8) | b).toString(16).padStart(6, '0');\n}",[],[172],"files",[149,170],"counts",{"_184":32,"_185":175,"_186":32,"_187":188},"pulls","branches","forks","envVars",{"_189":32,"_190":32},"count","emptyCount","contents",[193,196],{"_102":150,"_95":151,"_152":153,"_154":-5,"_155":137,"_156":157,"_158":159,"_104":194,"_99":32,"_161":162,"_163":164,"_165":22,"_166":-5,"_98":195},["D",1750807935695],[151],{"_102":171,"_95":172,"_152":173,"_154":-5,"_155":137,"_156":136,"_158":159,"_104":197,"_99":175,"_161":176,"_163":177,"_165":22,"_166":-5,"_98":198},["D",1750808350218],[172],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.environment-variables",{"_93":94,"_95":96,"_100":208,"_187":213},{"_102":103,"_95":96,"_104":209,"_106":-5,"_107":22,"_108":109,"_110":111,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":210,"_131":211,"_134":212,"_146":22},["D",1750807831387],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_99":136,"_95":43,"_102":137,"_138":103,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},[],"actionData","errors"]

dcm31

m5nanoc6_color_api

Environment variables