pipipipi.net

カラーコード変換

HEX・RGB・HSL・CMYKの各カラーコードを相互変換します。

HEX
RGB
HSL

CMYK

C76%
M47%
Y0%
K4%
#3B82F6

カラーコード変換でできること

HEX・RGB・HSL・CMYKの4つのカラーコードを相互変換できるオンラインツールです。いずれかの形式で色を入力すると、他の形式にリアルタイムで自動変換されます。カラーピッカーで直感的に色を選ぶこともでき、各値はワンクリックでコピーできます。

使い方

HEX入力欄
16進数カラーコード(例: #3B82F6)を入力すると、RGB・HSL・CMYKに自動変換されます。
RGB入力欄
R(赤)・G(緑)・B(青)の各値(0〜255)を個別に入力できます。
HSL入力欄
H(色相: 0〜360)・S(彩度: 0〜100)・L(明度: 0〜100)の各値を入力できます。
CMYK表示
現在の色のCMYK値(C・M・Y・K各パーセント)を表示します。コピーボタンで値を取得できます。
カラーピッカー
ブラウザのカラーピッカーから視覚的に色を選択できます。選んだ色は全形式に即座に反映されます。
カラープレビュー
現在の色を大きな領域で表示し、実際の見た目を確認できます。
コピーボタン
各形式の横にあるコピーボタンで、カラーコードをクリップボードにコピーできます。
リセット
すべての入力値を初期状態に戻します。