2020.12.16

Photoshop・Illustrator

PhotoshopでWebカラー(6桁の16進数)を確認する方法

PhotoshopでWebカラー(6桁の16進数)を確認する方法です。カラーピッカーを使わずに確認します。まず情報パネルで以下のように設定します。

情報パネル→パネルオプション→第2色情報→モードをWebカラーに変更

第2色情報はデフォルトではCMYKカラーになっていますが、WEBでは使用しないのでWebカラーに変更します。これでWebカラーを確認したい要素にカーソルを合わせると情報パネルにWebカラーが表示されます。

次にWebカラーのカラーコードをコピーする方法です。

スポイトツールを選択(ショートカットキー:I)→対象の要素にカーソルを合わせ右クリック→カラーの16進コードをコピー

これでCSSファイル等にペーストできます。

関連記事

Photoshopで画像の足りない部分をコンテンツに応じて塗りつぶし

Photoshopで画像の足りない部分をコンテンツに応じて塗りつぶします。 画像の足りない部分を自動選択ツールで選択→編集→コンテンツに応じた塗りつぶし→プレビ…

PhotoshopのベクトルスマートオブジェクトとCCライブラリ

Illustratorで作成したオブジェクトをコピーしてPhotoshopへ貼り付けると、以下のようなウィンドウが表示されます。 スマートオブジェクトを選択して…

Photoshopのスマートオブジェクトをシェイプに戻す方法

Photoshopでシェイプをスマートオブジェクトに変換し、再度シェイプに戻す場合は以下の手順で操作します。 スマートオブジェクトのレイヤーを選択→属性パネル→…

Photoshopで同じレイヤー効果を複数使用

Photoshopのレイヤー効果の中で、「境界線」「シャドウ(内側)」「カラーオバーレイ」「グラデーションオーバーレイ」「ドロップシャドウ」は同じ効果を複数使用…

Illustratorでオブジェクトを左右反転

Illustratorでオブジェクトを左右反転します。左右反転したいオブジェクトを選択し、以下のいずれかの操作を実行します。 リフレクトツールをダブルクリック→…

上に戻る