色の操作:

HSBからカラースペースを変換

HSB値から、各タイプの色値に変換して返す。

String
変換後の色タイプを指定 RGB・rgba・HEX・Per・CMYK / 大文字・小文字で指定可能
Number1
Hue値を渡す 0–359°
Number2
Saturation値を渡す 0–100%
Number3
Brightness値を渡す 0–100%
●必須引数 ●オプション引数(省略可能)

記述例

$clrHSBTo('RGB', 359, 100, 100)
$clrHSBTo('HEX', 180, 50, 75)

戻り値

○RGBに変換する場合

・連想配列を返す:['R'] 0–255 ・ ['G'] 0–255 ・ ['B'] 0–255

○rgbaに変換する場合

・文字列を返す:CSSで使えるrgba(r,g,b,a)のカラーモデル

○HEXに変換する場合

・16進数を文字列で返す。000000–FFFFFF

○パーセントに変換する場合

・連想配列を返す:['R'] 0–100 ・ ['G'] 0–100 ・ ['B'] 0–100

○CMYKに変換する場合

・連想配列を返す:['C'] 0–100 ・ ['M'] 0–100 ・ ['Y'] 0–100 ・ ['K'] 0–100

注意点

CMYKと他の色システムには完全な互換性はなく、ディスプレイのキャリブレーションによるカラースペースが影響するため、ここで算出される数値はあくまでも参考値となる。

動作サンプル

#8EB8BDを各タイプに変換して出力する。

Javascript : var colorStr=$dicToString($clrHSBTo('RGB',359,100,100),' : '); var colorStr=$clrHSBTo('rgba',359,100,100); var colorStr=$clrHSBTo('HEX',359,100,100); var colorStr=$dicToString($clrHSBTo('Per',53,11,87),' : '); var colorStr=$dicToString($clrHSBTo('CMYK',53,11,87),' : ');
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。