ツール

WEBデザインにかかせないWEBカラーツール。 私が使ってきた中でおすすめのツールをいくつかご紹介します。 カラー選びや配色が苦手、という初心者WEBデザイナーさんにもおすすめです。 1. COLORS URL:https://coolors.co/palettes/trending カラーパレットがどれもキレイで見ているだけで楽しいツールです。カラーの組み合わせが気持ち悪いと萎えるけど、これはどれも素敵で悩みます。 おすすめな点 カラー単体をクリックひとつでカラーコードをコピーパレット右下の「…」からURLリンクーやPDFのエクスポートもできるパレット右下の「…」からジェネレーターを開くと各カラーの階層もチェックできるお客様に提案・共有しやすい 2. SCHEM COLOR URL：https://www.schemecolor.com/ こちらも同様にカラーパレットが豊富。画像イメージからのカラーリストもデザインの参考になります。 おすすめな点 カラーパレットを選ぶと別ページで個別のカラーをコピーできるカラーの並び替えや、個別のカラーを変えてカラーの組み合わせを調整できる拡大パレットの下には関連したカラーパレットが表示されるダウンロード可能（jpgのみ） 3. Color Hunt URL：https://colorhunt.co/ こちらも見ているだけで楽しいサイト。イマジネーションが膨らみます。 おすすめな点 カラーパレットをが豊富海外らしいカラーの組み合わせで他店と差別化できそう拡大したページではURLリンクありダウンロード可能（jpgのみ） 残念なのは、カラーコードのコピーがワンクリックでできないところかな。 4. 【一番おすすめ】Colorbase 先日つぶやいたツイート https://twitter.com/webhearts/status/1438384592159862784 最近は、こちらのColorbaseがお気に入り。操作性もいいし、触り心地が気持ちがいい。 おすすめな点 メインのカラーを選ぶと、そこからカラー展開や組み合わせが豊富。似合う背景色や合うグレーなども悩まなくてすむ日本製アカウント必要なしで独自のパレットを保存できる共有URLのコピーCSSとJavaScriptのエクスポートありダークモードあり制作者の方の細やかさが伝わるUI要望をフィードバックしてくれる（私が欲しい機能は追加されました） Colorbase さんんは好きすぎて、いっぱいあげてしまいました。 お客様にカラーを選んでいただく際にも使えますね！ カラーの配色におすすめな本 WEB上では、直感的にカラーを選ぶことができますが、そもそもの配色の理論やなど学びを深めたい方には本がおすすめです。 眺めているだけでデザインがしたくてムズムズしてくると思います。 ▶ 見てわかる、迷わず決まる配色アイデア 3色だけでセンスのいい色 ▶ COLOR DESIGN カラー別配色デザインブック ツール関連の記事 https://kobanatsu.blog/tool/tools-02/