Change the color of a full-color LED with HTML color picker

Make things

Using the HTML5 color picker, I will try to display the selected color as it is with full color LEDs.


  • obniz Board
  • PL9823 (Full color LED with built-in WS2811)

How to make

Hardware connection

Connect the obniz Board to the LED (PL9823).
Connect the four pins of the LED (PL9823), the long one to No. 0 and 1, and the short one to No. 3 and 4.



When the colorPicker color changes, the value is converted to an RGB value to change the color of the full color LED.
Since colorPicker colors can be obtained in the form of #RRGGBB, they are broken down and converted to RGB values from 0 to 255.