配色に困った時に感覚的に色を
探せる便利なWebサービス。
4色の組み合わせ、フラットカラー、
写真から配色作成などWeb制作やデザインに便利。
![Web制作・デザインに!! 配色に困ったら感覚的に色を探せるWebサービス 『ColorDrop』](https://pc.mogeringo.com/wp-content/uploads/2022/11/colordrop-thumb.jpg)
目次
リンク先
レビュー
![Web制作・デザインに!! 配色に困ったら感覚的に色を探せるWebサービス 『ColorDrop』](https://pc.mogeringo.com/wp-content/uploads/2022/11/colordrop1.jpg)
リンク先を開くとたくさんのパレットが表示されます。
自分で配色していくとどうしてもバランスが悪くなったりくすんだ色になったりしますが、
ここで提案してくれる配色は良い組み合わせばっかりです。
気に入った配色はクリックすると右側にカラーコードやRGBAで表示されます。
![Web制作・デザインに!! 配色に困ったら感覚的に色を探せるWebサービス 『ColorDrop』](https://pc.mogeringo.com/wp-content/uploads/2022/11/colordrop2.jpg)
画面上部のNewをクリックするとPopular人気やRandomランダムと並び替えができます。
![Web制作・デザインに!! 配色に困ったら感覚的に色を探せるWebサービス 『ColorDrop』](https://pc.mogeringo.com/wp-content/uploads/2022/11/colordrop3.jpg)
こちらは人気順に並べてみました。
使いやすそうな明るい配色が並んでいます。
![Web制作・デザインに!! 配色に困ったら感覚的に色を探せるWebサービス 『ColorDrop』](https://pc.mogeringo.com/wp-content/uploads/2022/11/colordrop4.jpg)
右上のペンのマークから背景色を選択が可能です。
ダークテーマなどでは黒、ライトでは白など選択するとイメージしやすいかも知れません。
![Web制作・デザインに!! 配色に困ったら感覚的に色を探せるWebサービス 『ColorDrop』](https://pc.mogeringo.com/wp-content/uploads/2022/11/colordrop5.jpg)
DarkModeへの切り替えも可能で、配色を表示している枠などをダークテーマにすることもできます。
![Web制作・デザインに!! 配色に困ったら感覚的に色を探せるWebサービス 『ColorDrop』](https://pc.mogeringo.com/wp-content/uploads/2022/11/colordrop6.jpg)
Scan Imageを選択するとアップロードした写真から配色を作ってくれます。
イメージに合わせて配色が可能です。
![Web制作・デザインに!! 配色に困ったら感覚的に色を探せるWebサービス 『ColorDrop』](https://pc.mogeringo.com/wp-content/uploads/2022/11/colordrop7.jpg)
Flat Colorsではフラットデザインで使われるカラーが並んでいます。
![Web制作・デザインに!! 配色に困ったら感覚的に色を探せるWebサービス 『ColorDrop』](https://pc.mogeringo.com/wp-content/uploads/2022/11/colordrop8.jpg)
Gradient Editorではグラデーションを画面上で作成できます。
配色やパラメータを設定していくと画面上でプレビュー、画面右側ではCSSコードも出力されます。
Web制作やデザインシーンなどで配色に困った時に便利なWebサービスです。
コメント