このツールに問題がありますか?

「オンラインパレットジェネレーター」について

このツールはベース色やランダムシードから調和の取れたカラーパレットを生成します。補色、類似色、トライアド、テトラード、モノクロームから配色を選ぶと、4〜6 色のコーディネートされたセットを hex/RGB/HSL の各値で出力。デザインツールへ直接コピーできます。

ブランディング、Web デザイン、イラスト、プレゼン資料に欠かせません。色彩理論に従って生成されるパレットは人の目に心地よく見え、試行錯誤の時間を大幅に短縮します。

ゼロからのブランド構築、既存配色のアクセント探し、デザインに行き詰まったときのアイデア出しに。

このツールの使い方

アンカーカラーから UI 用パレットを生成する手順

  1. 最初のアンカー

    「Color 1」は必須 — `#6366f1` や `#fc3` のような hex を渡します(# は任意)。パレット全体の基準となるメイン hue。

  2. アンカー 2・3(任意)

    「Color 2」「Color 3」でセカンダリ・ターシャリ hue を導きます。空欄ならツールが補色を導出、hex を指定すれば具体アンカーを固定。

  3. 「実行」

    結果は seedHexes(検証済みアンカー)と palettes — アンカー周辺で lightness と saturation を変動させた、UI 表面・アクセント・薄色テキストなど即使えるパレット群。

  4. デザインツールで使う

    結果の hex を Figma、Tailwind 設定、design tokens にコピー。wcag-contrast-checker-online と組み合わせて、選んだ前景/背景組み合わせのアクセシビリティを確認してください。