Webデザインの配色を画像から再現する方法
こんな悩みはありませんか？
参考にしたいWebサイトの色を自分のデザインに取り入れたいが、DevToolsで調べるのは面倒。スクリーンショットから手軽に色を知りたい。
JobDoneBotなら一瞬で解決
JobDoneBotにスクリーンショットをドロップすれば、クリックした箇所の正確なカラーコードを即座に表示。Webデザインの配色合わせが一瞬で完了します。
使い方
- 1参考サイトのスクリーンショットを撮影
- 2画像をJobDoneBotにドラッグ&ドロップ
- 3再現したい色の箇所をクリック
- 4カラーコードをコピーしてCSSに適用
コツ・注意点
- Retinaディスプレイのスクショは色の精度が高い
- 背景・テキスト・アクセントカラーの3色を抽出すると効率的
今すぐカラーピッカーを使う →
完全無料・登録不要・サーバー送信なし