🌈 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":31,"_185":175,"_186":31,"_187":31},"pulls","branches","forks","envVars","contents",[190,193],{"_107":150,"_100":151,"_152":153,"_154":-5,"_155":139,"_156":157,"_158":159,"_109":191,"_104":31,"_161":162,"_163":164,"_165":27,"_166":-5,"_103":192},["D",1750807935695],[151],{"_107":171,"_100":172,"_152":173,"_154":-5,"_155":139,"_156":138,"_158":159,"_109":194,"_104":175,"_161":176,"_163":177,"_165":27,"_166":-5,"_103":195},["D",1750808350218],[172],"file","upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.code.$",{"_98":99,"_100":101,"_102":42,"_104":-7,"_103":73,"_105":203,"_147":207,"_180":214,"_196":-7,"_188":215,"_220":-5,"_221":27,"_222":-5,"_223":-5,"_224":-5,"_225":226},{"_107":108,"_100":101,"_109":204,"_111":-5,"_112":27,"_113":114,"_115":116,"_117":-5,"_12":118,"_119":-5,"_120":27,"_121":-5,"_122":31,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_132":27,"_21":205,"_136":206},["D",1750807831387],{"_98":99,"_134":135},{"_104":138,"_100":42,"_107":139,"_140":108,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":101,"_146":99},[208,211],{"_107":150,"_100":151,"_152":153,"_154":-5,"_155":139,"_156":157,"_158":159,"_109":160,"_104":31,"_161":162,"_163":164,"_165":27,"_166":-5,"_167":209,"_103":210},[],[151],{"_107":171,"_100":172,"_152":173,"_154":-5,"_155":139,"_156":138,"_158":159,"_109":174,"_104":175,"_161":176,"_163":177,"_165":27,"_166":-5,"_167":212,"_103":213},[],[172],[208,211],[216,218],{"_107":150,"_100":151,"_152":153,"_154":-5,"_155":139,"_156":157,"_158":159,"_109":191,"_104":31,"_161":162,"_163":164,"_165":27,"_166":-5,"_103":217},[151],{"_107":171,"_100":172,"_152":173,"_154":-5,"_155":139,"_156":138,"_158":159,"_109":194,"_104":175,"_161":176,"_163":177,"_165":27,"_166":-5,"_103":219},[172],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"routes/_app","actionData","errors"]