色の操作:

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

RGBタイプの色値から、HSB・HEX・パーセント・CMYK・グレースケールに変換する。

String
変換後の色タイプを指定 HSB・HEX・Per・CMYK・Gray / 大文字・小文字で指定可能
Number1
Redの数値を渡す 0 – 255
Number2
Greenの数値を渡す 0 – 255
Number3
Blueの数値を渡す 0 – 255
●必須引数 ●オプション引数(省略可能)

記述例

$clrRGBTo('HSB', 255, 128, 0)
$clrRGBTo('cmyk', 255, 128, 0)

戻り値

○HSBに変換する場合

・連想配列を返す:['H'] 0–359 ・ ['S'] 0–100 ・ ['B'] 0–100

○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

○グレースケールに変換する場合

・数値を返す。0–100

注意点

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

動作サンプル

RGB値を指定して各タイプに変換して出力する。

Javascript : var colorStr=$dicToString($clrRGBTo('HSB',255,255,255),' : '); var colorStr=$dicToString($clrRGBTo('hsb',200,100,5),' : '); var colorStr=$clrRGBTo('HEX',30,200,100); var colorStr=$dicToString($clrRGBTo('Per',255,128,0),' : '); var colorStr=$dicToString($clrRGBTo('CMYK',200,100,5),' : '); var colorNum=$clrRGBTo('Gray',200,100,50); var colorNum=$clrRGBTo('gray',241,255,84);
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。