HEX、RGB、HSL、またはその他の一般的なカラー表記を入力すると、他のすべての形式に変換された同等の色が得られます。デザイナーからHEXを受け取り、印刷会社がCMYKを求め、開発者がHSLを必要とし、ブランディングドキュメントにパントンマッチが記載されている場合に便利です。
対応フォーマット
- HEX: #2464C4 または 2464C4。ウェブ標準。
- RGB: rgb(36, 100, 196) または 36,100,196。0~255の10進チャンネル。
- HSL: hsl(213, 70%, 45%)。色相(0~360)、彩度、明度。
- HSV / HSB: hsv(213, 82%, 77%)。PhotoshopやSketchで使用。
- CMYK: cmyk(82%, 49%, 0%, 23%)。印刷仕様用。
- 最も近いパントン: 名前とコード付きの近似マッチ。ブランド参照に便利。
- CSS名前付きカラー: 'cornflowerblue'、'tomato'など。
これらのフォーマットが重要な理由
HEXはウェブ/開発のデフォルトです。CSSやほとんどのデザインツールに貼り付けるものです。RGBとHSLは同じ色を異なる方法で表現したもので、HSLは手動で操作(色相をシフト、明るくする)が容易です。CMYKは印刷用です。画面上の色は印刷された色と正確には一致しません。CMYKの色域が狭いためです。パントンは、正確さが重要なスポットカラー印刷(ロゴのレターヘッドやパッケージなど)に使用されます。
できないこと
これは変換であり、色を選ぶものではありません。写真から色を選ぶには、カラーピッカーをご利用ください。画像からパレットを抽出するには、パレット抽出ツールをご利用ください。2色間のグラデーションを生成するには、グラデーションジェネレーターをご利用ください。
よくある質問
Pantoneの色合わせはどの程度正確ですか?
Lab色差に基づいて最も近いPantone Coatedカラーを計算しています。実際の印刷でのPantoneマッチングは、参考見本を使用して印刷所で行う必要があります。
CMYKが画面上で異なって見えるのはなぜですか?
画面はRGBですが、CMYKはより狭い色域です。画面プレビューは確認用であり、印刷結果と一致するわけではありません。
Can I convert in bulk?
Yes — paste a list of HEX values, one per line, and get all formats back as a CSV.
8桁のHEX(アルファ対応)はサポートされていますか?
はい — #2464C4FF(最後の2桁がアルファ値0~FF)に対応しています。出力はフォーマット間でアルファを保持します。
HSLとHSVの違いは?
色相は同じですが、明度(HSL)と輝度(HSV)では明るさの表現が異なります。HSVは色の選択に直感的で、HSLは調整に直感的です。
色の名前は大文字と小文字を区別しますか?
いいえ — 「CornFlowerBlue」と「cornflowerblue」はどちらも機能します。
パレットのURLを共有できますか?
はい — 色を貼り付けた後のURLバーをコピーしてください。パスにHEXが含まれているので、ブックマークや共有が可能です。
カラーガムットとは?
システムが表示できる色の範囲のこと。おおまかに言うと、スマホのOLED > sRGBモニター > CMYK印刷 > 新聞紙の順に広い。
概要 カラーコンバーター
カラーコンバーター Wallpapers.comの無料オンラインツールで、ブラウザ上で完結 — インストール不要、透かしなし、初回はメール登録不要。
HEX、RGB、HSL、CSS名前付きカラー間を変換します。
使い方 カラーコンバーター
- スウォッチから色を選ぶか、HEX/RGB値を貼り付け。
- 出力を調整 — パレット、コントラスト、補色
- 値をコピー、またはスウォッチをJSONとしてエクスポート
使用するタイミング
一般的なユースケース:
Webアップロード、eコマース出品、フォーマット制限のあるソーシャルメディアプラットフォーム向けの画像準備、およびデバイスやアプリ間のファイル変換
Free vs Premium
すべての訪問者は無料トライアルを利用可能。サインイン済みの無料ユーザーはより高い日次クォータを取得。購読する
プレミアム
無制限の実行、1ジョブあたり最大200画像の一括処理、優先キュー、広告なしブラウジング
関連ツール
少し違うものをお探しですか?試す
画像から色をピック
,
パレット抽出ツール
または
グラデーションジェネレーター
— or browse all
カラーツール ツール.