このツールに問題がありますか?
「オンラインパレットジェネレーター」について
このツールはベース色やランダムシードから調和の取れたカラーパレットを生成します。補色、類似色、トライアド、テトラード、モノクロームから配色を選ぶと、4〜6 色のコーディネートされたセットを hex/RGB/HSL の各値で出力。デザインツールへ直接コピーできます。
ブランディング、Web デザイン、イラスト、プレゼン資料に欠かせません。色彩理論に従って生成されるパレットは人の目に心地よく見え、試行錯誤の時間を大幅に短縮します。
ゼロからのブランド構築、既存配色のアクセント探し、デザインに行き詰まったときのアイデア出しに。
このツールの使い方
アンカーカラーから UI 用パレットを生成する手順
最初のアンカー
「Color 1」は必須 — `#6366f1` や `#fc3` のような hex を渡します(# は任意)。パレット全体の基準となるメイン hue。
アンカー 2・3(任意)
「Color 2」「Color 3」でセカンダリ・ターシャリ hue を導きます。空欄ならツールが補色を導出、hex を指定すれば具体アンカーを固定。
「実行」
結果は seedHexes(検証済みアンカー)と palettes — アンカー周辺で lightness と saturation を変動させた、UI 表面・アクセント・薄色テキストなど即使えるパレット群。
デザインツールで使う
結果の hex を Figma、Tailwind 設定、design tokens にコピー。wcag-contrast-checker-online と組み合わせて、選んだ前景/背景組み合わせのアクセシビリティを確認してください。