できること
配色を最初から考えるのは案外むずかしいものです。「配色ガチャ」は、ボタンを押すたびに、まとまりのある5色の配色を提案します。気に入った色は鍵アイコンでロックして、残りだけを引き直せます。各色のHEXはタップでコピーでき、パレット全体をPNG画像として書き出してSNSに投稿できます。生成も保存もすべてブラウザ内で行います。
「まず雰囲気を掴みたい」ときの入口として使い、値をきっちり詰めたくなったら、姉妹ツールのカラー設計ツールでHEX/RGB/HSL/CSS変数まで整えられます。
配色モードの例
目的に合わせて配色の考え方(調和モード)を選べます。
- 類似色:近い色相でまとめた、落ち着いた印象の配色。
- 補色:色相環の反対側を効かせた、メリハリのある配色。
- トライアド:色相環を三等分した、バランスの良い3系統。
- モノトーン:1色の明暗だけで構成した、上品な配色。
- パステル / ビビッド:淡くやさしい印象/鮮やかで元気な印象。
「おまかせ」を選ぶと、回すたびにいずれかのモードで生成します。
使う場面
- 資料・スライドの配色決め:本文・見出し・アクセントの色をまとめて決めたいとき。
- Webサイト・LPのテーマカラー:候補をいくつも見比べて雰囲気を掴みたいとき。
- SNS投稿・ムードボード:配色を画像で書き出して、そのままシェアや保存に使いたいとき。
- アイデア出し:色の組み合わせに詰まったとき、たたき台をすばやく得たいとき。
使う流れ
モードを選び、「ガチャを回す」を押すと配色が表示されます(スペースキーでも回せます)。気に入った色を鍵でロックし、納得いくまで引き直します。各色をタップしてHEXをコピーするか、「画像で書き出し」でパレットをPNG保存します。保存したパレットはこの端末内に残り、あとから呼び出せます。
確認事項
読みやすさが重要な用途では、文字色と背景色のコントラストを実際の画面で確認してください。モニタや環境によって色の見え方は変わるため、印刷や別端末で使う場合は実物での確認をおすすめします。保存したパレットはブラウザのデータとして端末内に残るため、別の端末やブラウザには引き継がれません。
よくある質問
生成した配色はどう保存できますか?
各色のHEXをタップでコピーできるほか、パレットをPNG画像として書き出せます。書き出した画像はSNSにそのまま投稿できます。
気に入った色だけ残して引き直せますか?
はい。各色の鍵アイコンでロックすると、その色はそのままに、残りだけを引き直せます。
配色のルールは選べますか?
類似色・補色・トライアド・モノトーン・パステル・ビビッドなどの調和モードを選べます。
保存したパレットは外部に送られますか?
いいえ。保存はこの端末(ブラウザ)内にのみ行われ、外部サーバーへは送信されません。
