MARKLEAPS[マークリープス]

TECH BLOG

マークリープス技術ブログ

open

デザインに役立つ配色ツールまとめ

デザインをする上で悩むことの多い配色。
そんな配色問題の手助けをしてくれるサービスをまとめました。

Color Hunt

4色のカラーパレットをPastel、Summer、Food、Kids等のイメージ別に絞り込みできるツールです。
パレットの種類、イメージの種類の数がとても多く、パレットの配色も強め~淡い色までバランスよく揃っています。

https://colorhunt.co/

Palettes

Palettes

5色のカラーパレットを色別に絞り込みできるサービスです。
パレットをクリックすると各カラーのカラーコード、RGB、CMYK、PANTONE等を一覧表示してくれます。

https://colorffy.com/palettes

Coolors

スペースキーを押す毎に、5色のカラーパレットを作成してくれるサービスです。
気に入った色があればロックすることで、その色はそのままパレットに残ります。
以降はスペースキーを押す毎に、ロックした色に合ったカラーパレットが作成されます。

https://coolors.co/

Adobe Color カラーホイール、カラーパレットジェネレーター

カラールールを選択し、カラーホイールをくるくる回すことで5色のパターンを作成できます。
また、ベースカラーを設定し、カラールールを選択することでベースカラーに合った色のパレットを作成できます。
ベースカラーだけは決まっている、という時にもとても便利です。

https://color.adobe.com/ja/create/color-wheel

NIPPON COLORS

日本の伝統色を集めたサイトです。
一覧の伝統色をクリックすると、サイト全体が選択した伝統色に染まる様相も綺麗です。
和風のデザインを作成する際の参考になりそうです。

https://nipponcolors.com/

Palitra App

キーワード検索で表示された画像に使われているカラーパレットを表示してくれるサービスです。
日本語での検索にも対応しており、ピカチュウ、アナ雪などで検索しても表示されました。

https://palitra.app/

 

以上、配色に悩んだら、是非活用したいツールのご紹介でした。

よく読まれている関連記事

関連最新記事