色の操作:

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

HEX値の文字列から、各タイプの色値に変換して返す。

String1
変換後の色タイプを指定 RGB・rgba・HSB・Per・CMYK・Gray / 大文字・小文字で指定可能
String2
HEX値を渡す #FFFFFF ・ #FFF ・ FFFFFF ・ FFF / 大文字・小文字で指定可能
●必須引数 ●オプション引数(省略可能)

記述例

$clrHEXTo('RGB', '#666')
$clrHEXTo('Per', '31B1BC')

戻り値

○RGBに変換する場合

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

○rgbaに変換する場合

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

○HSBに変換する場合

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

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

・連想配列を返す:['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と他の色システムには完全な互換性はなく、ディスプレイのキャリブレーションによるカラースペースが影響するため、ここで算出される数値はあくまでも参考値となる。

動作サンプル

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

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