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

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

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

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

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

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

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

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


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

 

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

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

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

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


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

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

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

 

 


関連記事


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


おすすめ記事


ボタンマルシェ - ButtonMarche

購入者様への特典

人気の記事

  1. ホームページを作れるメリット
    ホームページが作れるというスキルの素晴らしさとメリット
  2. 結局、1番モッタイナイのはコレです!
    結局、1番モッタイナイのはコレです!
  3. スマホに対応しているホームページ作成ソフトは?
  4. ホームページを公開するための費用は?
  5. 知らないって怖い!ホームページ制作やSEO対策業者の甘い罠
    知らないって怖い!ホームページ制作やSEO対策業者の甘い罠

ピックアップ記事

  1. WordPress(ワードプレス)とホームページ作成ソフトの違い

    WordPress(ワードプレス)とホームページ作成ソフトの違い

    ホームページ作成ソフトのおすすめで3位としているWordPress(ワードプレス)今では日本でも使っ…
  2. 私がWordPress(ワードプレス)を使う3つの大きな理由

    私がWordPress(ワードプレス)を使う3つの大きな理由

    初心者の方におすすめのホームページ作成ソフトは 下記のようにランキングを付けています。1位に自分で更…
  3. 無料のWordPressテーマ(スマホ対応)が使えるテンプレートキング

    無料のWordPressテーマ(スマホ対応)が使えるテンプレートキング

    WordPress(ワードプレス)のテーマについては 基本的は有料のテーマの利用をおすすめしています…
  4. 独自ドメインで信頼を!

    独自ドメインと有料レンタルサーバーを使う大切さ

    初めてホームページを作り公開する場合には ドメインを取得し、レンタルサーバーを借りる必要があります。…
  5. YahooやGoogleでの検索順位をチェックできる優良ツール

    YahooやGoogleでの検索順位をチェックできる優良ツール

    ホームページを運営する人にとっては、 YahooやGoogleでの検索順位はとても気になります。そこ…
フォトマルシェ - PhotoMarche