UIデザインはもちろん、イラストや紙のデザインにも対応！ カラーパレットをAIで生成できる完全無料ツール -EnigmaEasel
Post on:2026年5月27日
sponsorsr
ここ1,2年でAIによる便利なツールが増えてきました。ここで紹介するのはそれらの便利なAIツールの中でもかなり実用的で、これまでの定番ツールも同時に利用できるお勧めツールです。
プロンプト（日本語）で「夕陽のカラーパレットをつくって」とお願いできるのはこれまでもたくさんありましたが、ここからさらにその色合いを調整したり、特定の色をロックしたり、配色理論（類似色・補色・3色配色など）に基づいたカラーパレットを生成したり、WCAGに準拠したコントラスト比を考慮したり、実践的なツールです。
UIデザインはもちろん、ブランディングやプロダクト、さらにはイラストや紙のデザインもサポートしているカラーパレットを生成できます。
EnigmaEasel: The AI-Powered Suite for Accessible Design
EnigmaEaselはデザイナーやデベロッパー向けに、AIによるカラーパレット、あらゆる種類のグラデーション、AIによるフォントのペアリング、WCAG準拠のコントラスト比チェック、カラーコンバーターが、無料で利用できるオンラインツールです。
登録など面倒なことは一切不要で、簡単に利用できます。
The AI-Powered Suite for Accessible Design
全部で5つのツールが用意されており、まずはAIによるカラーパレット生成ツールから見てましょう。
カラーパレットを生成する際のモードは4つあり、プロンプト（日本語可）を入力してAIによる生成をはじめ、テーマプリセットやカラーハーモニー、画像からカラーパレットを生成できます。生成したカラーパレットは、.png, .jpg, .svg, .pdfなどの画像フォーマットからCSSやSCSSやTailwind CSSなどコードとしてもエクスポートできます。
AIモードで、カラーパレットを生成してみました。プロンプトには「夏向けのカラーパレット、元気な感じ」を入力し「Generate with AI」をクリックします。
色数は「Number of Colors」で2色から12色まで変更でき、より明るくしたり、より暗くしたり、より鮮やかにしたり、カラーの調整もできます。
AIモードで、カラーパレットを生成
「Contrast Ratio」をオンにすると、WCAG準拠のコントラスト比も確認できます。また、カラー値は、HEX, RGB, LAB, OKLCH, CYMK などほとんどのフォーマットに対応しています。
AIモードで、カラーパレットを生成
下部「Blindness Simulation」をクリックすると、第一色覚異常、第二色覚異常、第三色覚異常などの色覚異常でカラーパレットがどのように見えるかシミュレートすることもできます。
AIモードで、カラーパレットを生成
また「ハーモニー」では、類似色・補色・分裂補色・3色配色・4色配色などの色相環に基づいたカラーパレットも簡単に生成できます。
色相環に基づいて、カラーパレットを生成
続いては、グラデーションを生成できるツール。線形、放射状、円錐状、メッシュ、グラデーションステップ、画像抽出パレット、テキストグラデーションなど、あらゆる種類のグラデーションを生成できます。
グラデーションを生成する際のスタイルは2種類、スタンダート（線形、放射状、円錐状）とメッシュがあります。使用するカラーを選択したり、カラーをどこから始めるか、角度の変更など、直感的に操作して美しいグラデーションを生成できます。
メッシュグラデーションの生成
生成したグラデーションは、高解像度のPNG、JPG、SVG、PDFとしてダウンロードしたり、CSSやSVGやTailwind CSSのコードとしてダウンロードすることもできます。
グラデーションのエクスポート
EnigmaEaselには、他にもデザイナーの役に立つツールが揃っています。
下記は、AIによるフォントのペアリング。1600種類以上の厳選されたGoogle Fontsの中から最適な組み合わせを提示し、サイズ、太さ、間隔を調整しながらリアルタイムでプレビューできます。
AI Font Pairing Generator with Colors
カラーコントラストチェッカーは、WCAG 2.0、2.1、2.2およびADA準拠基準を満たす、アクセシブルなカラーの組み合わせを生成し、テスト、比較もできます。
Color Contrast Checker & Generator
カラーコードコンバーターは、HEX、RGB、RGBA、HSL、HSLA、HSV（HSB）、CMYK、CMY、LAB（CIELAB）、XYZ（CIE）、OKLAB、OKLCHの12種類のフォーマット間で、あらゆるカラー値を変換します。
sponsors
