カラーコードが同じなのに色が合わない問題を解決してみた



同じカラーコードなのに色が合わない

カラーピッカーの数値が同じなのにプレビューで色が合わないことがあります。これを解消するには…

  1. Hex Color Picker というカラーパネル拡張プラグインをインストール(詳しくはこのサイトの Tutorial/カラーパネル の項をご覧ください)
  2. カラーパネルで Hex Color Picker を表示し Options の Don't generate calibrated colors にチェックを入れる
  3. ページをプレビューして虫眼鏡ツールでカラーを調べる(#ではじまるカラーコードをコピーしておきます)
  4. 先ほどの Don't generate calibrated colors のチェックを外して、コピーしたカラーコードをペーストする

これで、プレビューしても同じ色になっていると思います。

Hex Color Picker Options


ビデオチュートリアル

blog comments powered by Disqus