カラーコード変換（HEX・RGB・HSL・CMYK）
HEX・RGB・HSL・CMYKのカラーコードをブラウザだけで相互変換できる無料ツール。カラーピッカー連動・ワンクリックコピー対応。登録不要、完全クライアントサイド処理。
対応形式: HEX（#1e90ff / #fff / #fff8）/ rgb() / rgba() / hsl() / hsla() / cmyk()
プレビュー
HEX#1e90ff
RGBrgb(30, 144, 255)
HSLhsl(209.6, 100%, 55.9%)
CMYKcmyk(88.2%, 43.5%, 0%, 0%)
📖 使い方・ユースケース ▼
カラーコード変換をオンラインで無料で行えるツールです。HEX・RGB・HSL・CMYKのいずれかの形式でカラーコードを入力すると、自動で形式を判定し、残りすべての形式に相互変換して表示します。CSSやデザインツールでそのまま使える文字列をワンクリックでコピーできます。
- 対応形式と入力例:
HEX（
#1e90ff/#fff/#fff8など3・4・6・8桁、#の有無どちらも可）、RGB（rgb(30, 144, 255)）、RGBA（rgba(30, 144, 255, 0.5)）、HSL（hsl(208, 100%, 56%)）、HSLA（hsla(208, 100%, 56%, 0.5)）、CMYK（cmyk(88%, 44%, 0%, 0%)）に対応しています。 - RGB HSL 変換・HEX RGB 変換: 入力欄にいずれかの形式のカラーコードを入力するだけで、HEX・RGB・HSL・CMYKすべての値に即時変換されます。カラーピッカーと双方向に連動するため、視覚的に色を選んで各形式の値を確認することもできます。
- CMYK 変換 無料の注意点: CMYK変換は印刷用のICCプロファイルを使用しない簡易変換（naive conversion）です。実際の印刷物の色とは異なる場合があるため、正確な色再現が必要な印刷用途には対応していません。