印刷用のCMYKの値をHEX、RGB、CSSに変換し、HEXからCMYKへの逆変換もできます。最も近いTailwindの色、インキ総量の警告、画面と紙の色が完全には一致しない理由も確認できます。
印刷データにあるCMYKの4つのパーセント値を入力すると、Webサイトで使えるHEXとRGBの値が得られます。計算には標準的な式（赤 = 255 × (1 − C) × (1 − K)、緑と青も同様）を使っています。HEXからの逆変換にも対応し、複数の色をまとめてCSSのパレットにすることもできます。
印刷と画面の色の比較
印刷されたブランドガイドの色をWebサイトで使える値に変えたり、反対に印刷の仕事向けに変換したりできます。各色について、HEX、RGB、CSSの形式、最も近いTailwindのクラスを表示し、インキの総量が多くの印刷会社の許容範囲を超える場合は警告を出します。
インキの量を小数として、RGBの各チャンネルを255 × (1 − インキ) × (1 − 黒)で計算します。シアンから赤、マゼンタから緑、イエローから青が求まります。次に、各チャンネルを2桁の16進数で表します。CMYK 0, 85, 80, 0はRGB 255, 38, 51になり、これは#FF2633です。この計算はツールが代わりに行います。
画面は光を足し合わせて色を作るため、紙の上のインキより明るく鮮やかな色を表示できます。また、印刷の色は紙、インキの種類、印刷機、見るときの照明によっても変わります。計算式はそうした条件を知りようがないので、CMYKからHEXへの変換はどれも良い出発点ではあっても、保証ではありません。
できません。Pantoneの色の値はPantoneの所有物なので、当ツールには含めていません。公式のPantone Connectアプリか、ブランドガイドにあるHEXの値を使ってください。Pantoneの番号しか分からない場合は、デザイナーや印刷会社に、Pantoneがその色について公開している画面用の値を教えてもらえます。
教科書どおりの変換で、できるだけ多くを黒インキに割り当てます。プロ向けのソフトは特定の紙と印刷機に合わせたカラープロファイルを使うため、異なる数値になります。結果は印刷会社への指示の目安として使い、最終の入稿データには使わないでください。
Tailwindの標準パレットの中で、あなたの色に最も近く見える色です。OKLab色空間で差を測っています。差が2未満なら見分けるのはとても難しく、約5を超えると違いが目に見えるので、その場合は正確なHEXを使いましょう。
CMYKの値の例と、標準的な計算式で得られるHEX（印刷機での一致ではありません）
{label}のスライダー
CMYKの値
または4つまとめて貼り付け
またはHEXの色から始める（画面から印刷へ）
#4F98FBのように、3桁または6桁のHEXの値を入力してください。
Web用
{hex}の色見本
CSS変数
使用したCMYK
コピー
最も近いTailwindの色：
（差 {n}{verdict}）。
、非常に近い
、近い
、違いが見えるのでHEXを使用してください
白の上の文字としてのコントラスト：{n}:1 {verdict}。
（本文の文字に合格）
（大きな文字のみ）
（白の上の文字には明るすぎます）
インキの総量は{n}%です。多くの印刷会社は総量を300%以下に制限しているため、印刷時に調整される可能性があります。
カラープロファイルを使わない標準的な計算式です。印刷の仕上がりは紙、インキ、印刷機によって変わります。
名前
パレットに追加
あなたのパレット
{name}を削除
CSS変数をコピー
Tailwindのテーマをコピー
変換の例
無料で始める · クレジットカード不要