← ガイドに戻る

画像からHEXおよびRGBカラーコードを抽出する方法

スポイトツールを用いて写真のピクセルからカラーコードを読み取り、デザイン用パレットを作成する手順。


ウェブにおけるカラーコード体系

デザインの統一にはHEXやRGBの値が欠かせません。カラーモデルの仕様はWikipediaをご確認ください。抽出には当サイトのカラーピッカーが便利です。ピクセル調整には画像リサイズをお使いください。

カラーコード抽出の流れ

  1. 写真をカラーピッカーに読み込みます。
  2. スポイトでピクセルを選択し、コードをコピーします。
  3. コードを保存します。すべてオフラインで処理されます。
カラーパレット →