HTMLのカラーピッカーでフルカラーLEDの色を変える
コンテンツ
今回やること
HTML5のカラーピッカーを使って、選択した色をそのままフルカラーLEDで表示してみます。
用意するもの
- obniz Board
- PL9823 (WS2811内蔵フルカラーLED)
組み立て方
obniz BoardとLED(PL9823)を接続します。
LED(PL9823)の4本の足を、長いのを0,1番に、短いのを3,4番に接続します。
プログラム
colorPickerの色が変わったらその値をRGB値に変換してフルカラーLEDの色を変更します。
colorPickerの色は #RRGGBB の形式で取得ができるので、それを分解してRGBそれぞれ0〜255の値に変換しています。