Web便利ノート
cman.jp cman.jp > Web便利ノート > WEBカラー > 色変換・CSS作成
広告
広告
広告

色変換(10進数⇔16進数,RGB,HSL,HSV,CMY,CMYK)とCSS作成

代表的な色の種類(色空間)の変換を行うことができます。
「RGB(RGBA)」「HSL(HSLA)」「HSV」「CMY」「CMYK」を指定することが出来ます。カラー色は連動しますので、RGBからCMYKへの変換を確認するなどの利用もできます。

16進数、RBG、HSLのCSS(STYLE)構文も自動生成されます。
グラデーションは以下をご利用ください。

広告

指定条件でパスワードを生成

変換元 CSSをそのまま複数行貼付け可能(例:「#123456」「rbg(11,22,33)」・・・)
RGB
サンプルカラー
赤色(R)
range赤
緑色(G)
range緑
青色(B)
range青
透明度(A)
range透明度
CSS
(STYLE)
HSL(HLS)
サンプルカラー
色相(H)
彩度(S)
輝度(L)
透明度(A)
range透明度
CSS
(STYLE)
HSV(HLB)
サンプルカラー
※透明には対応していません
色相(H)
彩度(S)
明度(V)
CMY
サンプルカラー
※透明には対応していません
シアン(C)
rangeシアン
マゼンタ(M)
rangeマゼンタ
イエロー(Y)
rangeイエロー
CMYK
サンプルカラー
※透明には対応していません
シアン(C)
rangeシアン
マゼンタ(M)
rangeマゼンタ
イエロー(Y)
rangeイエロー
ブラック(b)
rangeブラック
ページTOP

注意事項

色の計算
各色は計算式で求めています。このため、誤差が生じる可能性があります。
「CMY」「CMYK」
「CMY」「CMYK」は単純計算で求めた色となります。プリンター等で使用する色合いと異なっています。
対応ブラウザ
IE8などの古いブラウザには対応していません。
ページTOP
広告