カラーコード変換（HEX・RGB・HSL）ツールオンライン無料

色の書き方を、HEX（#12667f）・RGB・HSL の間で変換します。どの欄を書き換えても、ほかの欄がすぐ変わります。

色を選ぶ不透明度 100%

HEX

RGB・RGBA

HSL・HSLA

このツールについて

カラーピッカーで色を選んだり、不透明度（透明度）を付けたりもできます。半透明の色は RGBA・HSLA・8桁の HEX で表します。

ブラウザの中だけで動いています。入力した内容がサーバーへ送られることはありません。

使い方

HEX・RGB・HSL のどれかの欄に、色の値を入れます。カラーピッカーで色を選んでも構いません。
入れた欄以外が、すぐ同じ色の値に変わります。不透明度のつまみで半透明にもできます。
それぞれの値の「コピー」か、「CSSの書き方でコピー」で使います。

それぞれの書き方

HEX は #12667f のように赤・緑・青を16進数2桁ずつで、RGB は rgb(18, 102, 127) のように0〜255の数で書きます。HSL は色相（0〜360度）・彩度・明るさで、色味を保ったまま明るさだけを変えたいときに便利です。

入力できる書き方

#f80 のような3桁の HEX、#ff880080 のような不透明度付きの8桁の HEX、rgb(0 128 255 / 50%) のようなスペース区切りの書き方も読み取れます。RGB・HSL の欄は「0, 128, 255」のように数だけでも入れられます。

よくある質問

CMYK には変換できますか？: 対応していません。印刷のCMYKは、使う紙やインクの条件（カラープロファイル）によって値が変わるため、単純な計算では正しく変換できません。
入力した内容はどこかに送られますか？: 送られません。変換はブラウザの中だけで行います。