CMYKからRGBへの変換ツール

CMYK値をRGB、HEX、HSLに変換。デジタルに移行する印刷デザイナーに最適。ライブカラープレビュー付き。

CMYK Values

CMYK
cmyk(0%, 76%, 76%, 17%)
RGB
rgb(211, 51, 51)
HEX
#D33333
HSL
hsl(0, 65%, 51%)

About CMYK to RGB Converter

印刷デザインのCMYK（シアン、マゼンタ、イエロー、キー/ブラック）カラー値を、デジタル用のRGB、HEX、HSLに変換します。印刷から画面へのワークフローに必須のツールです。

印刷からデジタルへ

Adobe InDesign、Illustrator、PhotoshopからCMYK値を取得し、スクリーン対応のRGBとHEXに即座に変換します。

4つのスライダー

シアン、マゼンタ、イエロー、ブラックを0〜100%で個別に調整。スライダーで微調整するか、正確な値を入力します。

ライブプレビュー

CMYKカラーがRGBに変換された様子をリアルタイムプレビュースウォッチで確認。印刷とスクリーンの表現を比較できます。

すべての変換

CMYK、RGB、HEX、HSLの値を並べて表示。任意の値をクリックして、CSS、HTML、またはデザインソフトウェアで使用するためにコピーします。

How It Works

  1. Enter CMYK values — Use the sliders or number inputs for Cyan, Magenta, Yellow, and Black.
  2. Automatically converts — The formula R = 255 × (1 - C/100) × (1 - K/100) is applied to each channel.
  3. Live preview updates — The color swatch shows the RGB equivalent of your CMYK mix.
  4. Read all formats — RGB, HEX, and HSL values are computed and displayed instantly.
  5. Copy for your project — Click any color value to copy it to your clipboard.

📋 Common Use Cases

クロスメディアデザイン

ブランドアセットを物理メディアからデジタルメディアに適応させる際に、印刷カラー（CMYK）をスクリーンカラー（RGB/Hex）に変換します。

CSS＆ウェブ開発

スタイルシート、デザイントークン、コンポーネントライブラリで使用するために、カラーをHEX、RGB、HSL形式間で変換します。

ブランドの一貫性

特定のカラーフォーマットを必要とする異なるデザインツール間でブランドパレットを変換する際に、色の正確さを保証します。

アクセシビリティテスト

コントラストチェックやWCAG準拠の検証のために、色を分析可能な形式に変換します。

🪜 How to Use This Tool

  1. 元の色を入力
    ソース形式でカラー値を入力します — ヘックスコード、RGB値、CMYKパーセンテージ、またはHSLパラメータ。
  2. ターゲット形式を選択
    希望する出力形式を選択します。ほとんどのコンバーターは、変換された値とともにライブカラープレビュースウォッチを表示します。
  3. 変換された色を表示してコピー
    変換された色が即座に表示されます。個々の値またはプロジェクト用の完全な出力文字列をコピーします。
  4. プロジェクトで使用
    変換された色をCSS、デザインツール、または印刷仕様に直接貼り付けます。プレビューが期待どおりであることを確認します。

📚 Related Guides

Frequently Asked Questions

これらのコンバーターは無料ですか？▼
はい。すべてのコンバーターは完全に無料です。サインアップは不要です。
単位コンバーターの精度はどのくらいですか？▼
長さ、質量、温度、面積、体積、速度の標準的な換算係数を使用しています。結果は小数点以下6桁まで正確です。