色のコードがすぐ簡単にわかるようにGoogleを使う方法

色のコードがすぐ簡単にわかるようにGoogleを使う方法

ホームページは形だけではなく「色」も重要ですよね?
同じ形でも、テーマ色によっては印象が違ってきます。

色は「#とアルファベット」で表します。

例えば、#0000ffとすれば、緑になります。
例えば、#ff0000とすれば、赤になります。

ただ、色と言っても濃い色・薄い色と無数にありますので、
全てを覚えることなどできません。

従って、下記のサイトのようなカラーコード表が重宝します。
カラーコード表はこちら

また、色のコードが分かるフリーソフトなどもあるのですが、
今はGoogleの検索エンジンで簡単にわかるので、その方法を紹介します。


まず、検索エンジン窓でカラーピッカーと検索します。
まず、検索エンジン窓でカラーピッカーと検索します。

 

すると、このような表が出てきます。
すると、このような色の表が出てきます。

左側の#4286f4がカラーコードです。
左側の#4286f4がカラーコードです。

あとは、丸い部分をスライドすれば色が変化し、コードも表示されます。
あとは、丸い部分をスライドすれば色が変化し、コードも表示されます。

このような感じ
このような感じ


なお、検索窓に直接カラーコードを打ち込んでもOKです。(例 #d19c19)
なお、検索窓に直接カラーコードを打ち込んでもOKです。

最初からこのように表示されます。
最初からこのように表示されます。Googleの検索を使えば、わざわざカラーピッカーソフトを立ち上げる必要もありませんし、
カラーコード表で探す手間もないので、好みの色をすぐに見つけることができますね。 

是非、有効に使ってくださいね。

 

 


関連記事


初心者さんおすすめ! 徹底比較 簡単ホームページ作成ソフトランキング


おすすめ記事


ボタンマルシェ - ButtonMarche

人気の記事

  1. ホームページを作っていて本当に困った時の解決方法
    ホームページを作っていて本当に困った時の解決方法
  2. 本当の初心者でも作れる簡単なホームページ作成ソフトは?
    本当の初心者でも作れる簡単なホームページ作成ソフトは?
  3. ホームページ作成ソフトの選び方
    自分に合うホームページ作成ソフトの選び方
  4. スマホに対応しているホームページ作成ソフトは?
  5. 実際に体験したシリウスでのトラブル

ピックアップ記事

  1. 初心者さんが失敗

    初心者さんがソフト選びに失敗する最大の原因

    ホームページ作成ソフトを購入したのは良いけど、 結局、ホームページを完成することが出来ずソフトはお蔵…
  2. 作成ソフトの選びに迷っていたら確認する【3】のポイント

    作成ソフト選びに迷っていたら確認する【3つ】のポイント

    結局「ホームページ作成ソフトってどれを選べば良いの?」 情報が多いので、悩むでしょうし迷いますよね?…
  3. ソフトを覚えるより早い

    ソフトの使い方よりホームページの作り方を覚えた方が早い!

    店舗などの商用から、ネットビジネス・個人の趣味まで ホームページが必要になる場面が多いですね。一般的…
  4. おしゃれなホームページを作るのに向いてるソフトは?

    おしゃれなホームページを作るのに向いてるソフトは?

    今回はデザインを重視する方に向けて「おしゃれ」なホームページを作るのに向いている作成ソフトをランキン…
  5. 初心者の私がホームページ作成ソフトを選ぶまでの思考

    初心者の私がホームページ作成ソフトを選ぶまでの思考

    当サイトを見ている方の中には ホームページ作成は、本当に初めて方も多いと思います。初めて挑戦する方の…