• はてなブックマーク
  • RSS
  • Line

作業が捗る!クリエイティブワークが楽になる作業効率化「Tips」

2024.03.14 Thu

機械学習やAI機能を搭載する配色サービスも!

デザイナー必見 無料で使える便利な配色系ツール26選

文・画像:塚本建未

今もなお、生成AIを使った新技術の情報がリリースされています。中には明らかに著作権を侵害しているサービスが人気を博しているケースもあり、クリエイターにとっては期待が高まる一方で多くの不安も感じていることかと思います。

本連載でもたくさんの生成AIに関するサービスを紹介してますが、クリエイターの生業を侵食するのではなく、サポートする生成AIを紹介したいと思っています。そんな中で、安心して生成AI技術を利用できるのジャンルの一つとして、配色系ツールがあります。配色系ツールも日々進化していますが、生成AIや機械学習といった最新技術使った興味深いツールも増えてきました。

そこで、今回は最新の技術も導入されたサービスも含めて、無料で使えるおすすめの配色系ツールをジャンル別に紹介します。

おすすめの配色ツール26選(生成AI・機械学習系 6点)
・ColorMagic  ・Khroma  ・COOLORS  ・Palette Maker  ・Colormind  ・Adobe Color

1. ColorMagic

ColorMagic

無料で利用できる生成AIを使った配色ジェネレーター。「夏」「夕暮れ」「ロマンティック」といったようにプロンプトを入力することによって、生成AIがそのイメージに合った配色をしてくれます。上の画像は「スポーツ」というプロンプトで生成されたパレットです。

ColorMagic

URL:https://colormagic.app/

2. Khroma

Khroma

好きな色を50色選ぶだけで好みにあった生成AIによる配色ジェネレーターです。配色を生成する際に50色を選択します。他の配色系ツールとは異なり、他のユーザーと結果がおなじになる確率は天文学的な値になるので、内容が被ってしまうリスクはほぼゼロに近いでしょう。配色のオリジナリティを重視する場合は、特におすすめしたいサービスです。

Khroma

URL:https://www.khroma.co/

3. COOLORS

COOLORS

ChatGPTを利用した生成AI配色ジェネレーターです。高機能なプロ版もありますが、(やや広告が多めなものの)無料で利用も可能です。コントラストの確認、明度によるバリエーション、カラーの保存、HEX(HTMLで使われる16進数のカラーコード)の取得なども、ワンクリック操作で簡単です。

COOLORS

URL:https://coolors.co/

4. Palette Maker

Palette Maker

AIで独自の配色を作成し、実際のデザイン例も確認できるツールです。ロゴデザイン、UI/UX、パターン、ポスターなどの既製のデザインサンプルでカラーパレットを作成し、その動作をテストすることも可能。実際の作例を見ながら直感的に配色を選択できるので、ノンデザイナーにもおすすめの配色ツールです。

Palette Maker

URL:https://palettemaker.com/app

5. Colormind

Colormind

深層学習を使用した配色ジェネレーターです。写真、映画、ポピュラーアートなどからカラースタイルを学習できるツールです。「フォービズムの芸術作品」「AKIRA」「アメリ」など様々な作品をイメージした配色も確認できるので、見ているだけでも参考になります。

Colormind

URL:http://colormind.io/

6. Adobe Color

Adobe Color


可読性も確認できるAdobe公式の配色ツールです。Adobeのリソースを生かした配色パレットの提供だけでなく、Fireflyによる生成AI機能も利用できる点も便利です。新機能である「LAB」では、SVGファイルをドラッグ&ドロップして生成AIによる再配色ができます。Adobe CCに加入していなくても利用できるのも魅力的です。

Adobe Color

URL:https://color.adobe.com/ja/create/color-contrast-analyzer/

著者プロフィール

塚本 建未
ライター・編集者・イラストレーター
フリーランスのライター・編集者・イラストレーター。高校はデザイン科を卒業し、大学は、文学部とスポーツ科学部の2つの学部を卒業。フィットネス・トレーニング関連の専門誌で編集者・ライターとしてキャリアを積む。メインの活動の場をWebメディアに移行してからは、ITツール紹介やWebマーケティング分野などを得意領域として活動を続けている。
  • Twitter
  • Instagram
読込中...

Follow us!

SNSで最新情報をCheck!

Photoshop、Ilustratorなどのアプリの
使いこなし技や、HTML、CSSの入門から応用まで!
現役デザイナーはもちろん、デザイナーを目指す人、
デザインをしなくてはならない人にも役に立つ
最新情報をいち早くお届け!

  • Instagram