配色の参考サイト｜webデザイン制作におすすめツール紹介(グラデーションも)

こんにちは！モネデザイン事務所です！

今日は、無料で使えるおすすめの配色参考サイトを5つ紹介します！これらのサイトは、ウェブデザインの配色を考える際に役立つのでぜひ参考にしてみてください！

LOL Colors

LOL Colors - Curated color palette inspiration

www.webdesignrankings.com

LOL Colorsは、美しい配色パレットが集められたシンプルなサイトで、デザインのインスピレーションを得るのに最適です。ユーザーが気に入った配色を保存したり、すぐに使用できるようにカラーパレットをコピーすることができます。配色がシンプルかつ効果的で、モダンなデザインに役立ちます。

Adobe Color

https://color.adobe.com/ja

Adobeが提供するオンラインツールで、カラーホイールを使って配色を作成できます。テーマや画像から色を抽出する機能もあり、色のバランスを確認しながら調整できます。また、他のユーザーが作成した配色も参照可能です。

Color Hunt

Color Hunt - Color Palettes for Designers and Artists

Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.

colorhunt.co

ユーザーコミュニティによってキュレーションされた配色パレットを閲覧できるサイトです。トレンドや人気のある配色をチェックでき、さまざまなデザインスタイルに適したパレットを簡単に見つけることができます。

Nippon Colors

NIPPON COLORS - 日本の伝統色

The Traditional Colors of Nippon (Japan). This site is optimized to Webkit.

nipponcolors.com

Nippon Colorsは、日本の伝統的な色を紹介するサイトで、各色には日本語と英語の名称が付けられています。色ごとに表示されるRGB値やHEXコードを参考にして、ウェブデザインやグラフィックデザインに和のテイストを取り入れることができます。サイト自体が美しく、色彩に関する日本文化の豊かさを感じられるのが特徴です。

Grabient

Grab yourself a gradient

Beautiful and simple UI for generating web gradients.

www.grabient.com

Grabientは、グラデーションの配色を簡単に作成できるツールです。シンプルなインターフェースで、スライダーを使ってグラデーションの色を調整したり、新しいグラデーションを生成したりできます。気に入ったグラデーションはCSSコードとしてコピーできるので、ウェブデザインでの即時使用が可能です。

おまけ｜配色のおすすめ本

見てわかる、迷わず決まる配色アイデア 3色だけでセンスのいい色PART2　（見てわかる迷わず決まる）

COLOR DESIGN カラー別配色デザインブック