HEX→CMYK カラーコード変換 — 無料オンライン

HEXのカラーコードをCMYKにすぐ変換。

Converter

HEX、RGB、HSL、HSV、CMYK — すべて同時に

スライダーをドラッグ、色見本を選択、またはHEXコードを入力 - すべての形式がリアルタイムで更新

HEX
RGB
HSL
HSV
CMYK

結果は情報提供のみを目的としており、誤りを含む場合があります。重要な情報は必ずご自身で確認してください。本ツールのご利用は自己責任でお願いいたします。

HEXをCMYKに変換する方法

HEXのカラーコードをCMYKにすぐ変換できます。HEXかRGBの値を入力するかスライダーを動かすと、すべての形式が同時に更新され、プレビュー、計算式、よく使う色の表も確認できます。

  1. 上の対応する欄にHEXの値(例:#3B82F6)を入力するか貼り付けます。
  2. CMYKの値がすぐに更新されます:#3B82F6 は cmyk(76%, 47%, 0%, 4%) です。ほかの形式と色のプレビューも一緒に変わります。
  3. CMYKの値をコピーして、CSS、デザインツール、コードに貼り付けます。

HEX→CMYK の計算式

赤・緑・青を0〜1に換算します。黒は K = 1 − max(R, G, B)、続いて C = (1 − R − K) / (1 − K)、Mは緑、Yは青で同様に求めます:

#3B82F6 → cmyk(76%, 47%, 0%, 4%)

よく使う色のHEXとCMYK

HEXCMYK
#000000cmyk(0%, 0%, 0%, 100%)
#FFFFFFcmyk(0%, 0%, 0%, 0%)
#FF0000cmyk(0%, 100%, 100%, 0%)
#00FF00cmyk(100%, 0%, 100%, 0%)
#0000FFcmyk(100%, 100%, 0%, 0%)
#FFFF00cmyk(0%, 0%, 100%, 0%)
#00FFFFcmyk(100%, 0%, 0%, 0%)
#FF00FFcmyk(0%, 100%, 0%, 0%)
#808080cmyk(0%, 0%, 0%, 50%)
#FFA500cmyk(0%, 35%, 100%, 0%)
#800080cmyk(0%, 100%, 0%, 50%)
#3B82F6cmyk(76%, 47%, 0%, 4%)

HEXとCMYKとは

HEXカラーは#のあとに16進数6桁が続く形で、赤・緑・青を2桁ずつ、00(なし)からFF(最大)で表します。CSSやデザインツールで最もよく使われる書き方です。

CMYKは印刷で使うインクのモデルで、シアン・マゼンタ・イエロー・ブラックをそれぞれ0〜100%で表します。プリンターは光ではなくインクを混ぜます。

よくある質問

変換すると色は変わりますか?

HEX、RGB、HSLは同じ画面上の色を表すので、相互の変換は正確です(HSLは整数に丸めます)。CMYKは印刷用で、仕上がりはプリンターのカラープロファイルによって変わるため、画面の色から求めたCMYKは目安として使ってください。

結果をCSSで使えますか?

はい。CSSはhex(#3B82F6)、rgb(59, 130, 246)、hsl(217, 91%, 60%) をそのまま使えます。CMYKはCSSの形式ではなく、印刷やデザインソフトで使います。

透明度はどうなりますか?

アルファ値を追加します。CSSでは8桁のhex(#3B82F680)かrgba()/hsla()を使います。変換ツールは不透明な色で計算し、アルファ値はどの形式でも同じです。

このツールは無料ですか?

はい、無料でご利用いただけます。登録・メールアドレス不要。結果はこのページに表示されます。

結果はどこで確認できますか?

このページでツールを使用すると、結果がここに表示されます。メールで受け取る必要はありません。