スポンサーリンク
こんにちは!あんすみす(@ansmith_blog)です。
当記事では、カラーコードを調べる方法をご紹介します。
「〇〇のカラーコードが知りたい」「この画像の色いいな」と、思う方はいらっしゃると思います。その色のコード、すぐにわかります。
それではご覧ください。
スポンサーリンク
カラーコード(色)を調べる方法
『PEKO STEP-画像から色のRBGを取得するスポイトツール』のサイトを使用します。
画像から色を取得する
サイトを開いたら「ファイルを選択」で調べたい画像を選びます。
![iromiru](https://ansmith-blog.com/wp-content/uploads/2019/06/1-2-640x360.jpg)
調べたい色の箇所をクリックします。(5色まで記録可)
![](https://ansmith-blog.com/wp-content/uploads/2019/06/2-2-640x360.jpg)
すると下記のとおり、カラーコードが取得できます。
![](https://ansmith-blog.com/wp-content/uploads/2019/06/3-2-640x360.jpg)
簡単に取得できました。
そこで取得したカラーコードを、Canvaで使用してみましょう。
スポンサーリンク
Canvaで「取得したカラーコード」を使用してみよう
≫【簡単】アイキャッチ画像の作り方!Canvaを使って作ってみよう!
Canvaを開いたら、左上のカラーのボタンをクリックします。
![](https://ansmith-blog.com/wp-content/uploads/2019/06/4-1-640x360.jpg)
次に、赤枠の中に①のカラーコード「#FEFFF2」と入力します。
![](https://ansmith-blog.com/wp-content/uploads/2019/06/5-1-640x360.jpg)
すると「検索履歴」に入力された色が出てきます。
![](https://ansmith-blog.com/wp-content/uploads/2019/06/6-1-640x360.jpg)
その色をクリックすると、下記のように色が反映されます。
![](https://ansmith-blog.com/wp-content/uploads/2019/06/7-1-640x360.jpg)
以上になります。
このように簡単にカラーコードを取得できますので、デザインする際はぜひ活用してみてください。
最後まで読んでいただき、ありがとうございました。
![運営報告](https://ansmith-blog.com/wp-content/uploads/2019/06/BLOG-2-2-320x180.png)
初心者ブロガーの完全マップ【ブログ記事のまとめ】初心者ブロガーの情報が知りたい方向け。
当記事では、ブログの運営の報告、参考になる記事をまとめています。せきららに載せていますので...
スポンサーリンク
スポンサーリンク