超便利！フォントのカラーコード掲載サイトご紹介一覧

こんにちは。山ばりゅです。

今回は、ブログやサイト作成の時はもちろん、office製品、Adobe製品などを使っての作業の時もかなり重宝する、カラーコードを一覧にして下さっているサイトを2つほど見繕ってご紹介したいと思います。

超便利！パソコン作業で何かと入用なカラーコード一覧サイトをご紹介

まず、カラーコードというものを簡単にご紹介させていただくと、パソコンやスマホなど様々なウェブ媒体で使用されている色を設定しているウェブ専用のコードでウェブ画面で表現されている色は全てこのカラーコードを使って表現されているんですね。

例えば、赤を表現しているカラーコードは「#ff0000」、黒は「#000000」、白は「ffffff」といった具合です。このようにカラーコードはその色によって６ケタのアルファベットと数字の組み合わせで構成されているんです。

ただ、カラーコードで設定されている色は膨大な数に上るので、これをすべて覚えるのは超絶大変。・・・といいますか、ちょっと無理があります。

そんなこともあり、office製品も、Adobe製品も、WordPressといった主だったツールにはよく使う色は予めすぐ使えるように、色さえ選べばその色が表現できるようになっていますよね。作業の大部分はそれでガッチリカバーできるのですが、仕事内容などのシーンによっては、詳細な色を設定しなければならないときもありますよね。

ちなみにWordPressでカラーコードを使って色の設定をする方法は、こちらの記事でご紹介しておりますので、よければこちらの記事も合わせてご覧ください。

そんな時に活躍する、カラーコードを一覧にして下さっているサイト。では早速、そんな便利で有難いカラーコードの一覧サイトをご紹介していきましょう。

カラーコードの一覧サイトご紹介

まずは、WEB色見本というサイト。こちらのサイトは色の質によって、原色系、和風系、洋風系、パステル系など様々な色質に分けてタブを作ってくださっており、自分が使いたい色質を探しやすい構成になっているんですね。

土台の色はこれだけれども、そこから少しアレンジした色質を探したいという時に特に重宝します。

次に、HTML、CSS カラーコード一覧表 背景色や文字色の設定というサイト。こちらのサイトでは、カラーコードのご紹介の他に、文字や背景色はもちろん、枠線などの色の設定方法なども掲載しておられます。なので、こちらはサイトやブログを作る際に特に重宝するサイトとなっていますね。

また、サイトなどで様々な色を使う上でのメリットとデメリットなどもアップしておられるので、そういったところを知る上でもありがたいサイトといえます。

最後に

いかがだったでしょう。今回は、パソコン作業では様々な場面で重宝する、カラーコードを一覧にして下さっているサイトをご紹介させていただきました。個人的趣向で誠に恐縮ではあるのですが、結構使い勝手がいいので、もしよろしければご参考下さい。

この記事があなたの作業効率更なるアップのお役に立てれば幸いです。

では、今回はこの辺りで。今回も最後までお付き合いいただき、ありがとうございます。

～関連記事～