HTMLのカラーピッカーでフルカラーLEDの色を変える

HTMLのカラーピッカーでフルカラーLEDの色を変える

今回やること

HTML5のカラーピッカーを使って、選択した色をそのままフルカラーLEDで表示してみます。

用意するもの

組み立て方

obniz BoardとLED(PL9823)を接続します。
LED(PL9823)の4本の足を、長いのを0,1番に、短いのを3,4番に接続します。

 

プログラム

colorPickerの色が変わったらその値をRGB値に変換してフルカラーLEDの色を変更します。
colorPickerの色は #RRGGBB の形式で取得ができるので、それを分解してRGBそれぞれ0〜255の値に変換しています。

完成したプログラム