Pantone→HEX変換

PantoneカラーをHEXに変換し、WebやUI用の色値を即取得できます。

Pantone→HEX変換

HEX: #000000
RGB: 0, 0, 0
CMYK: 0, 0, 0, 100
色を選択して最も近いPantoneを探します

使い方

  • 検索欄にPantone名またはコードを入力してください
  • カラーピッカーを使用
  • 候補から選択
  • HEX変換を見る
  • コピーまたはコレクションに追加

使い方

  1. 検索欄にPantone名またはコードを入力してください
  2. カラーピッカーを使用
  3. 候補から選択
  4. HEX変換を見る
  5. コピーまたはコレクションに追加

活用シーン

  • ブランドPantoneをWeb用HEXに変換
  • CSSトークンの作成
  • デジタルの色統一
  • チームとHEXを共有
  • スタイルガイドに記載
  • HEXパレットを書き出し

なぜPantoneをHEXに？

Web/アプリでブランドカラーを正確に再現するためです。

よくある質問

Pantone→HEX変換とは？

Pantone色をWeb用に最適化したHEXへ変換し、RGB/CMYKも確認できるツールです。

精度は？

最も近いHEXを提示しますが、ディスプレイ環境で見え方が異なる場合があります。

HEXの書式は？

#付き/なしの両方に対応し、CSS用のコピーも可能です。

なぜHEXを使う？

WebやアプリではRGB/HEXが標準のため、Pantoneをデジタルで扱う際に変換が必要です。

免責事項

本サイトはPantone LLCと提携していません。Pantone®はPantone LLCの登録商標です。掲載の数値は参照用であり、公式ガイドと完全に一致することを保証しません。