navigationProcessing入門web目次1準備2最低限の知識で作るアニメーション3プログラミングの基礎技術14多彩なアニメーションを作るために4多彩なアニメーションを作るために4-1画像の利用4-2マウスやキーボードの利用4-3HSBの活用4-4日本語の使い方4-5画像の色合いの変更4-6座標軸の調整ページトップAbout4-3HSBの活用HSBという色を指定するためのモードがあります。いう三つのパラメーターから色を指定するのですが、HSBを使うと、明るい色や暗い色、薄い色といったように色の系統を定めることができます。色相は色の種類を、彩度は色の鮮やかさを、明度は色の明るさを指定します。この調整によって、RGBよりはるかに、自分のイメージに近い色を作ることが容易になります。彩度を高く設定すると、鮮やかな色になります。これを低く設定すると、くすんだ色(下記のふたつ目の例のような々)になります。明度を高く設定すると、色相で設定した色がはっきりと現れます。これを低くすると、暗い色(下記の三つ目の例のような色)になります。明るさを下げる透明度を指定するRGBの場合と比較HSBでの色の指定方法HSBによって色を指定するにはまず、colorMode()という命令を使って、色の設定モードを指定します。パラメーターは、HSB、色相の範囲、彩度の範囲、明度の範囲です。必須ではありませんが、5つ目のパラメーターを指定することで、透明度を指定することもできます。透明度の範囲);実際に色を指定するのは、RGBのときと同じでfill()という命令です。colorMode()でHSBモードを指定した場合、fill()のパラメーターは下記になります。下記の例で、感覚をつかみましょう。下記ではcolorMode()で色相の範囲を360段階、彩度と明度の範囲を100段階に設定しています。それからfill()を使って、円にランダムな色をつけています。この際、ランダムに設定するのは色相の値のみで、彩度と明度は最高値に設定しました。これによって、ランダムながらも、すべてが鮮やかな色になります。}結果は下記のようになります。彩度が低い場合では彩度を下げるとどうなるか、試してみましょう。下記では彩度を10に設定しています。}すると、下記のように色が薄くなります。(透明になるのとは違います。下記では明度を30に設定しています。}明るさが下がるというのは、黒みがかかるということです。結果は下記のようになります。透明度を指定する下記に透明度を指定した例を乗せます。下記にRGBでランダムに色を作った例を載せます。}結果は下記のようになります。HSBの利点が実感できたでしょうか。PreviousNext。