カラーパレット
生成した配色
カラーパレットの作り方
新しい配色から始める
ブランド、Webページ、プレゼンテーション、イラストの新しい方向性が必要なときに、5色の配色を生成します。
画像から作ることもできます
JPG、PNG、WebP をアップロードして、最大5つの主要色を抽出します。解析はブラウザ内で行われます。
色の値をコピー
色見本を選んで HEX 値をコピーするか、配色全体をコピーします。RGB と HSL 値も表示されます。
実際のデザインで機能する配色に
使いやすい配色では、それぞれの色に役割があります。特に文字、背景、操作部分が接する場所で、実際のデザインを確認しましょう。
色ごとに役割を決める
メインカラー、補助色、アクセント色を決め、残りは背景、境界線、控えめなディテールに使います。すべてを同じ強さで使わないことが大切です。
文字のコントラストを確認
調和して見える配色でも読みにくい場合があります。公開前に、重要な文字やボタンを実際の背景上で確認してください。
適切な画像を選ぶ
目指す雰囲気を表す画像を使いましょう。小さなディテールより、広い背景部分の色が抽出結果に強く反映されます。
カラーパレット生成のよくある質問
「新しい配色を生成」を選ぶと5色の組み合わせが作られます。気に入ったら色見本を選んで HEX 値をコピーするか、配色全体をコピーします。
その他のツール
その他の画像・デザインツール
画像・動画の編集や加工、変換に使うツールを選べます。
おすすめツール、全4ページ中1ページ目