カラーコード変換ツール
HEX・RGB・HSL・CMYK を無料で一括変換

HEXコード（#RRGGBB）・RGB・HSL・CMYK を相互に変換できる無料ツールです。入力したカラーコードを瞬時に全形式へ変換し、ワンタップでコピー。Webデザイン・CSS・イラスト制作・印刷物の色指定など、あらゆるシーンで使えます。

Color Code Converter

カラーコード変換

入力形式を選んでカラーコードを入力

例: #465DAA または 465DAA

入力形式が正しくありません。例を参考に入力してください。

変換結果 — タップしてコピー

HEX #465DAA タップでコピー

RGB rgb(70, 93, 170) タップでコピー

HSL hsl(227, 42%, 47%) タップでコピー

CMYK cmyk(59%, 45%, 0%, 33%) タップでコピー

CSS color: #465DAA; タップでコピー

明度

中程度

彩度

中程度

色相

青紫

系統

寒色

Try These Colors

伝統色で試してみる

群青色

#465DAA

紅蓮色

#AD002D

翡翠色

#00A86B

東雲色

#F19072

鬱金色

#D4A017

瑠璃色

#2A5CAA

撫子色

#EEBBCB

若草色

#8DB620

How to Use

ツールの使い方

入力形式を選ぶ

HEX・RGB・HSL・CMYKの4形式から、変換したいカラーコードの形式を選択します。カラーピッカー（四角いボックス）をクリックすると色を直接選ぶことも可能です。

カラーコードを入力

テキストフィールドにカラーコードを入力し「変換」ボタンを押します。HEXの場合は「#」あり・なしどちらでも入力できます。Enterキーでも変換が実行されます。

結果をコピーする

変換結果の各行をタップ・クリックするとクリップボードにコピーされます。HEX・RGB・HSL・CMYK・CSS形式の5種類が一括で確認できます。

よくある質問

QHEX・RGB・HSL・CMYKの違いは何ですか？

それぞれ色を表現する方式が異なります。HEXは16進数（例：#FF5733）でWebやアプリ開発で広く使われます。RGBは赤・緑・青を0〜255の数値で表します（例：rgb(255, 87, 51)）。HSLは色相・彩度・明度で表す方式で色の調整がしやすいです。CMYKはシアン・マゼンタ・イエロー・ブラックで印刷物の色指定に使われます。

QCMYKはWebデザインで使いますか？

CMYKは主に印刷物（チラシ・名刺・ポスターなど）の色指定に使われます。Webデザイン・アプリ・モニター表示にはHEXまたはRGBを使うのが一般的です。IllustratorやPhotoshopなどの印刷物制作時にCMYK変換が必要になります。

Q変換結果に誤差が出ることはありますか？

HEX・RGB・HSL間の変換は数学的に正確です。ただしCMYKへの変換は、モニターの色域（sRGB）と印刷の色域（CMYK）が異なるため、あくまでも近似値となります。印刷物の本番制作にはIllustratorなど専用ソフトでの色確認をおすすめします。

QHSLのHue（色相）とは何ですか？

色相（Hue）は色の種類を0〜360度の角度で表します。0度・360度が赤、60度が黄、120度が緑、180度が青緑、240度が青、300度が紫です。彩度（Saturation）は色の鮮やかさ（0%がグレー・100%が最も鮮やか）、明度（Lightness）は明るさ（0%が黒・100%が白）を表します。

QCSSでそのまま使えますか？

はい。変換結果の「CSS」行には `color: #XXXXXX;` の形式で表示されます。これをそのままCSSファイルやHTMLのstyle属性に貼り付けて使えます。HEX・RGBどちらの形式もCSSに対応しています。

Related Keywords

カラーコード変換 HEX RGB 変換 RGB HEX 変換 HSL 変換 CMYK 変換カラーコード計算色コード変換ツール HEX 16進数変換 CSS カラーコード RGB 16進数色相彩度明度印刷色指定変換

カラーコード変換ツールHEX・RGB・HSL・CMYK を無料で一括変換