Photoshopライクなカラーピッカーで色を探そう!
Photoshopみたいな無料Webツールのカラーピッカーを使って色をさがしてみましょう。
原色大辞典にアクセス
原色大辞典にアクセスします。
原色大辞典のサイトが開きます。
カラーピッカーの使い方
「色を探す」→「カラーピッカー」をクリック。
カラーピッカーの画面が開きます。
カラーピッカー内をマウスオーバーすると、カーソルが乗っている色が右側のボックスに表示されます。
色を選択したら、右側のボックス内をクリックしてみましょう。
色の情報画面が表示されます。
「#xxxxxxの配色パターン」をクリックすると
配色パターンが表示されます。
デザインに役立ちますよ♪
カラーピッカーの上の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デザインに便利!
→ イメージに合う配色の組み合わせが一目でわかる!デザインに便利な配色大辞典!
→ イメージと色みを選ぶだけ!デザインの色決めにカラーを一発検索!