好きな色を選ぼう
選んだ色
※画面上の好きな場所をクリックして色を取得できます
色の組み合わせ方
生成された色
色の使い分けガイド
①メインカラー
タイトルや重要な部分に使用
②サブカラー
ボタンやアクセントに使用
③ベースカラー
背景や余白部分に使用
①メインカラー
#6366f1
②サブカラー
#f16388
③ベースカラー
#63f166
デザイン見本
ホームページバナー
リアルタイム反映
上で生成した色は、これらのデザイン見本にリアルタイムで反映されます。色を変更して、どのようなイメージになるか確認してみてください。
参考資料：デザインのイメージ集
こちらは参考資料です。これらのテーマをクリックすると、テーマカラーが「生成された色」に反映されます。
春
明るく優しい色
夏
鮮やかで元気な色
秋
落ち着いた温かみのある色
冬
クールで洗練された色
POP
元気でにぎやかな色
和風
日本らしい落ち着いた色
モダン
スタイリッシュな色
クラシック
伝統的で高級感のある色
ビタミン
元気が出る明るい色