カラーパレット生成
調和の取れたカラーパレットをランダムに生成。
#388118
#21ab82
#295dd6
#b554de
#e77e9e
色をクリックしてコピーするか、新しいパレットを生成します
CSS Variables
--color-1: #388118;
--color-2: #21ab82;
--color-3: #295dd6;
--color-4: #b554de;
--color-5: #e77e9e;カラーパレット生成ツール：調和のとれた配色をランダムに作成
ウェブデザイン、UI/UX、グラフィックデザイン、イラストなど、あらゆるクリエイティブプロジェクトに適したカラーパレットを生成します。ボタンひとつで調和の取れた5色のパレットがランダムに生成されます。
気に入った色をロックして固定し、残りの色だけを再生成できます。各色のHEXコードをコピーしたり、CSS変数としてまとめてコピーすることも可能です。
よくある質問
良いカラーパレットの選び方は？
気に入った色から始めてロックし、残りの色が補完するまで生成を繰り返します。メインカラーは2-3色まで、残りはニュートラルカラーとして使用するのが効果的です。
ウェブサイトには何色必要ですか？
一般的に5色が推奨されます：プライマリ（CTA用）、セカンダリ（アクセント）、背景色、テキスト色、そしてハイライト色です。60-30-10ルール（60%がドミナントカラー、30%がセカンダリ、10%がアクセント）が効果的です。
パレットを他のフォーマットでエクスポートできますか？
個別のHEX値またはすぐに使えるCSS変数としてコピーできます。RGBやHSLなど他のフォーマットが必要な場合は、生成されたHEX値を当サイトのカラー変換ツールでご利用ください。
もっと知りたいですか？ 完全ガイドを読む →