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各パーセント)を表示します。コピーボタンで値を取得できます。
- カラーピッカー
- ブラウザのカラーピッカーから視覚的に色を選択できます。選んだ色は全形式に即座に反映されます。
- カラープレビュー
- 現在の色を大きな領域で表示し、実際の見た目を確認できます。
- コピーボタン
- 各形式の横にあるコピーボタンで、カラーコードをクリップボードにコピーできます。
- リセット
- すべての入力値を初期状態に戻します。