google-color-picker

デザイン

【カラーコード】Google検索のカラーピッカー機能!色コード&RGBを簡単取得!

みなさんは、Google検索に『カラーピッカー機能』があることをご存知でしょうか?

サイトを運営していると、色の選択や指定は日常茶飯事の作業になりますが、単純に色とコードを確認したいときに、Photoshopなどの画像編集ソフトを起動するのは面倒だったりしますよね。

そこで便利なのが、Googleのカラーピッカーです。

ということで、今回は、意外と知らない人も多いGoogle検索の『カラーピッカー機能』をご紹介します。




Google検索の『カラーピッカー機能』の使い方

使い方は簡単です。
Google検索で「カラーピッカー」と検索するだけで、カラーピッカーが表示されます。

カラーピッカーの使い方は2通りあります。
①色を選択(色をクリックorスライダーを移動)してカラーコードを確認。
②カラーコードを入力して色を確認。

さらに、左下にある「色の値を表示」をクリックすると、5種類のコード(表色系)も表示されます。

まとめ

今回は、Google検索の『カラーピッカー機能』をご紹介しましたが、簡単便利なカラーピッカーなので、状況に合わせて活用していきましょう。

なお、配色も含めて色を確認したい場合は、下記のページを参考にしてみてください。

スポンサーリンク

関連記事

  1. shutterstock_580655965-shutterstock-use

    デザイン

    【写真素材】Shutterstock(シャッターストック)の利用方法

    今回は、有料ストックフォトサービスの『Shutterstock(シャッ…

  2. wordpress-themes-Research

    便利ツール

    【ツール】他サイトのテーマ&プラグインを調べる無料ツール(WordPress)

    WEBサイトを運営していると、キレイなサイトを見かけたら「どこのテーマ…

  3. shutterstock_570628189-copyright-watermark

    便利ツール

    【ツール】画像にコピーライトや透かしを簡単キレイに挿入しよう

    画像やデザインの著作者を明示し、それらを保護するために表記する「著作権…

  4. wordpress-color-scheme

    デザイン

    【配色】初心者におすすめ!WEBサイトの色選びに迷ったら便利なカラーツールを利用しよう!

    現在は、無料&有料のテンプレートが数多くリリースされているので、WEB…

  5. html5-css3-design

    デザイン

    【HTML5&CSS3】基礎が理解できてサイトのカスタマイズに役立つ入門書

    最近では、有料・無料ともにWordPressのテーマがたくさんリリース…

  6. wordpress-free-icon

    デザイン

    【素材】無料で使える!フリーアイコン素材サイト おすすめ7選

    WEBデザインでは、見た目やユーザビリティの点で、とても重要な役割をす…

最近の記事

  1. shutterstock_573396265-bousai
  2. shutterstock_713835478-ticket-resale-law
  3. shutterstock_1115483624-Relationship
  4. shutterstock_580655965-shutterstock-use
  5. shutterstock_126336395-stock-photo-service
  6. shutterstock_570628189-copyright-watermark
  7. shutterstock_373050517-sitemap
  8. shutterstock_413924539--search-console-analytics-cooperation
  9. google-analytics-introduction
  10. google-search-console
PAGE TOP
テキストのコピーはできません。