カラーの組み合わせを考えるとき便利です
前回の「カラーコード変換とカラーアレンジ」のアクセントカラーの設定を3個できるようにしました。
色を選んでカラーコード(RGB)を表示、またカラーコードを入力して、色を表示する画面を作りました。
次に、選んだ色をメインカラーにして、Webページ作成に便利なように、メインカラーと同じ色相で、明度と彩度を変更した色(彩度はメインカラーの彩度以下の分)と、メインカラーと同じ彩度で、色相を変更したもの(明度はスライダーで変更可能)を表示し、ベースカラー、アクセントカラーを設定して、全体イメージを確認できる画面を追加しました。
アクセントカラーは3分割して、指定できます。中央右で選択して、カラーを指定してください。
最後に決定ボタンを押すと、アレンジされたカラーとカラーコードを表示して、印刷やコードのコピーができる画面を表示します。
もちろん、スマートフォンでもできます。