Colordotとは、カーソルで色が作れるカラーパレッドツールです。カーソルを上下・左右に動かしたり、スクロールすることでいろんな色を作って保存することができます。作った色は「16進数カラーコード」「RGB値」「HSL値」が表示されます。
この記事では、そんな便利な無料カラーパレッドツール「Colordot」の魅力や使い方をご紹介していきます。
「Colordot」の魅力と評価
Colordotとはどんなツールで、何ができるのか?また、利用者の評価をご紹介します。
1. Colordotの魅力とは?
- 無料のカラーパレッドツール
- カーソルを自由に動かして色を作れる
- カラーコードや色の成分値もわかる
- 作った色を保存することができる
2. Colordotの評価は?
Colordotの利用者の声をご紹介します。
「Colordot」のアクセス方法
下記URLより、Colordot公式サイトにアクセスすることができます。
「Colordot」色の調整方法
Colordotは、「上下」「左右」「スクロール」の3パターンの操作で色を調整します。
1.カーソルの上下に動かす
Colordotは、カーソルを上下に動かすことで明るさを調整することができます。
カーソルを上に動かすと暗い色に、下に動かすと明るい色に変化していきます。
2.カーソルを左右に動かす
Colordotは、カーソルを左右に動かすことで色合いを調整することができます。
色合いとは、赤・黃・緑・青・紫の色彩の変化のことで、カーソルを左に動かすと赤に、右に動かすと、紫に変化していきます。
3.カーソルをスクロールする
Colordotは、カーソルをスクロールすることで鮮やかさを調整することができます。
カーソルを上にスクロールするとくすんだ色に、下にスクロールすると鮮やかな色に変化していきます。
「Colordot」色の保存と削除
各操作でお好きな色が見つかったら保存します。何個でも保存することができますが、要らなくなった色は削除することもできます。
1.色の保存方法
お好きな色が表示されたらそこでクリックするだけです。
2.色の削除方法
保存された色の範囲にある「☓」マークをクリックするだけです。
「Colordot」カラーコード
Colordotでは、保存された色のカラーコード・RGB値・HSL値を確認することができます。
1.カラーコード
カラーコードとは、Webサイトで色を表現するための制御コードのことで、「#」の後ろに6桁の16進数の数値で表します。
カラーコードを確認するには、保存され色の範囲の中央にあります。また、色の調整中にも中央部にカラーコードが表示されています。
2.RGB値とHSL値
- RGB値とは、「赤(RED)」「緑(GREEN)」「青(BLUE)」のそれぞれの色の割合を示した値です。
- HSL値とは、「色相(Hue)」「彩度(Saturation)」「輝度(Lightness)」のそれぞれの数値を表しています。
RGB値・HSL値を確認するには、保存された色の範囲にある歯車マークをクリックするだけです。表示を消す時はもう一度、歯車マークをクリックして下さい。
「Colordot」に関するまとめ
- 会員登録なく無料で使えるカラーパレッドツール
- カーソルの上下左右やスクロールの動きで色調整ができる
- 好きな色はクリックするだけで簡単保存ができる
- 保存した色はカラーコード・RGB値・HSL値がわかる
カーソル操作で自由に色が作れる便利なカラーパレッドツール「Colordot」をgetして、是非使ってみて下さい。
「Colordot」を使ってWEBサイトのカラーデザインを考えよう!