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

20170315000

Photoshopみたいな無料Webツールのカラーピッカーを使って色をさがしてみましょう。

原色大辞典にアクセス

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

→ 原色大辞典を開く

20170313002

原色大辞典のサイトが開きます。

カラーピッカーの使い方

20170315001

「色を探す」→「カラーピッカー」をクリック。

20170315002

カラーピッカーの画面が開きます。

カラーピッカー内をマウスオーバーすると、カーソルが乗っている色が右側のボックスに表示されます。

20170315003

色を選択したら、右側のボックス内をクリックしてみましょう。

20170315004

色の情報画面が表示されます。

20170315005

「#xxxxxxの配色パターン」をクリックすると

20170315006
20170315007

配色パターンが表示されます。

デザインに役立ちますよ♪


カラーピッカーの上のHEX、RGB、HSBに数値を入力して色を探すこともできます。

HEXとは

HEXとは、16進数のことです。

16進数とは、0から9までの10個の数字と、AからFまでの6個のアルファベットを組み合わせて表記する方法です。

カラーコードは#から始まる6ケタの16進数で表されます。

表記例:#ff0000

RGBとは

RGBとは、光の3原色のことです。

Red、Green、Blueの3色を重ねると白になります。

表記例:(255, 0, 0)

HSBとは

HSBとは、色の三属性である色相(Hue)、彩度(Saturation)、明度(BrightnessもしくはValue)を用いて色を指定するものです。


関連記事

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

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

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

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

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