「Colordot」カラーパレッドツール

Colordot ツール画面
WEBサイトを作る時に、カラーデザインって重要だよね。微妙な色合いを調整できて、カラーコードも表示してくれるようなツールってないかな?
そんな時は、「Colordot」っていうツールを使うといいよ。カーソルを動かして自由に色の調整ができて、カラーコードの表示もされるんだ。

Colordotとは、カーソルで色が作れるカラーパレッドツールです。カーソルを上下・左右に動かしたり、スクロールすることでいろんな色を作って保存することができます。作った色は「16進数カラーコード」「RGB値」「HSL値」が表示されます。

この記事では、そんな便利な無料カラーパレッドツール「Colordot」の魅力や使い方をご紹介していきます。

「Colordot」の魅力と評価

Colordotとはどんなツールで、何ができるのか?また、利用者の評価をご紹介します。

1. Colordotの魅力とは?
  • 無料のカラーパレッドツール
  • カーソルを自由に動かして色を作れる
  • カラーコードや色の成分値もわかる
  • 作った色を保存することができる
2. Colordotの評価は?

Colordotの利用者の声をご紹介します。

ブログのカラーデザインに使ってます。好きな色がワンクリックで保存できてとても便利。まさに自分専用にカラーパレッドが作れちゃう。
デザインの知識がなくても、このツールを使えば、感覚的に配色が作れちゃう。操作がシンプルだから、手軽に使えて便利。

「Colordot」のアクセス方法

下記URLより、Colordot公式サイトにアクセスすることができます。

https://color.hailpixel.com/

Colordot アクセス

「Colordot」色の調整方法

Colordotは、「上下」「左右」「スクロール」の3パターンの操作で色を調整します。

1.カーソルの上下に動かす

Colordotは、カーソルを上下に動かすことで明るさを調整することができます。

カーソルを上に動かすと暗い色に、下に動かすと明るい色に変化していきます。

Colordot カーソルを上下に動かす

2.カーソルを左右に動かす

Colordotは、カーソルを左右に動かすことで色合いを調整することができます。

色合いとは、赤・黃・緑・青・紫の色彩の変化のことで、カーソルを左に動かすと赤に、右に動かすと、紫に変化していきます。

Colordot カーソルを左右に動かす

3.カーソルをスクロールする

Colordotは、カーソルをスクロールすることで鮮やかさを調整することができます。

カーソルを上にスクロールするとくすんだ色に、下にスクロールすると鮮やかな色に変化していきます。

Colordot カーソルをスクロールする

「Colordot」色の保存と削除

各操作でお好きな色が見つかったら保存します。何個でも保存することができますが、要らなくなった色は削除することもできます。

1.色の保存方法

お好きな色が表示されたらそこでクリックするだけです。

Colordot 色の保存方法

2.色の削除方法

保存された色の範囲にある「☓」マークをクリックするだけです。

Colordot 色の削除方法

ワンクリックで並べて保存できるのは便利だね。微妙な色合いもいろいろ比較できるね。
そうなんだ。気になった色はたくさん並べて、いろんな色を比較できるよ。さらに、保存した色はカラーコードの他にもRGB値・HSL値なんかも確認できるよ。

「Colordot」カラーコード

Colordotでは、保存された色のカラーコード・RGB値・HSL値を確認することができます。

1.カラーコード

カラーコードとは、Webサイトで色を表現するための制御コードのことで、「#」の後ろに6桁の16進数の数値で表します。

カラーコードを確認するには、保存され色の範囲の中央にあります。また、色の調整中にも中央部にカラーコードが表示されています。

Colordot カラーコード

2.RGB値とHSL値
  • RGB値とは、「赤(RED)」「緑(GREEN)」「青(BLUE)」のそれぞれの色の割合を示した値です。
  • HSL値とは、「色相(Hue)」「彩度(Saturation)」「輝度(Lightness)」のそれぞれの数値を表しています。

RGB値・HSL値を確認するには、保存された色の範囲にある歯車マークをクリックするだけです。表示を消す時はもう一度、歯車マークをクリックして下さい。

Colordot RGB値とHSL値

「Colordot」に関するまとめ

  • 会員登録なく無料で使えるカラーパレッドツール
  • カーソルの上下左右やスクロールの動きで色調整ができる
  • 好きな色はクリックするだけで簡単保存ができる
  • 保存した色はカラーコード・RGB値・HSL値がわかる

カーソル操作で自由に色が作れる便利なカラーパレッドツール「Colordot」をgetして、是非使ってみて下さい。

「Colordot」を使ってWEBサイトのカラーデザインを考えよう!

投稿者:

コメントを残す

メールアドレスが公開されることはありません。