色指定に16進数のカラーコードを見て探す原色大辞典!Webデザインに便利!

カラーコードとは

カラーコードとは、16進数で表す色のコードのことです。

ホームページ制作にはデザインにマッチした配色を使わなければいけません。

色の指定方法は英単語指定・カラーコード指定・RGBA指定などいろいろありますが、カラーコード指定が一番手軽に使える指定方法だと思います。

英単語指定はほぼ原色しかないし、RGBAのように透明度を必要としないなら、カラーコード指定が書きやすいです。

カラーコードの指定方法

カラーコードは、「#123456」のように、#を先頭につけて6桁の数字で表します。

16進数で表される数字は、左から2桁ずつ3つの色の組み合わせによって決まります。

色調は数字とアルファベットで表します。

左から2桁ずつ赤系、緑系、青系の配色を調合するとこの色になるというわけです。

ところが、このカラーコード、覚えるわけにもいきませんよね。

カラーピッカーだと画面上に気に入った色がないと拾えないし。

そんな時に役立つのが「原色大辞典」です。

見た目でパッと色を確認できて、カラーコードをコピペできます。

原色大辞典

原色大辞典にアクセスしましょう。

→ 原色大辞典を開く

「WEB色見本 原色大辞典 -HTMLカラーコード」をクリック。

原色大辞典です。

色の名前とカラーコードが一目でわかります。

ブラウザで色の名前が定義されている140色の色名と16進数が確認できます。

和色大辞典

和色大辞典です。

日本の伝統的な和風な色が探せます。

465色あります。

和菓子のお店や着物のサイトなどにピッタリな色を探すことができます。

洋色大辞典

洋色大辞典です。

ちょっと派手目なカラフルな色合い。

世界で使う配色の見本です。

日本ではカタカナで表記される慣用色285色です。

web216

Webセーフカラーです。

Webセーフカラーとは、どの種類のブラウザでも同じ色で表示される色のことです。

実は、ブラウザによって見える色合いが違うんです。

Webセーフカラーは216色あります。

パステルカラー

パステルカラーの色見本です。

やわらかくて温かみのあるパステルカラー。

可愛らしいイメージを与えることができます。

パステルカラーは300色あります。

ビビッドカラー

ハッキリ、くっきり見せたいならビビッドカラー。

並べると目が痛いぐらいですね。

大胆で元気なイメージなビビッドカラーは300色。

モノトーン

シックなモノトーンです。

白、黒、グレーだけで256色の種類があります。

モノトーンはよく使うので重宝します。

一目で濃さがわかるので嬉しいですね。

メトロカラー

メトロカラー。

地下鉄のシンボルカラーのカラーコードです。

少し強めの色ですが、一目で他との違いがわかるようになっているので、比較物に使うといいと思います。


とっても便利なツールですね。

デザインに活用しましょう!

関連記事

→ イメージに合う配色の組み合わせが一目でわかる!デザインに便利な配色大辞典!

→ イメージと色みを選ぶだけ!デザインの色決めにカラーを一発検索!

→ カラーコードやカラーピッカーで色を調合!Web上で色を作る便利ツール!

→ Photoshopライクなカラーピッカーで色を探そう!

→ 今日のラッキーカラーは?あなたは何色でできていますか?色の成分解析で遊ぼう!