Mr.Satto

配色パレット生成

基準にしたい色(ベースカラー)を選ぶだけで、調和の取れた配色パレットを作成します。

生成ツール

お問い合わせ、不具合の報告、機能改善のご提案はお問い合わせフォーム(Googleフォーム・新しいタブで開きます)から送信できます。

使い方

  1. カラーピッカーまたはHexコードでベースカラーを選びます。
  2. 配色のパターン(単色階調・補色・類似色など)を選びます。
  3. 生成されたパレットが表示されます。
  4. 気に入った色のHexコードをタップしてコピーします。

よくある質問

生成した配色はデザインツールでそのまま使えますか?

各色はHexコード(#で始まる6桁のカラーコード)で表示されるため、コピーしてFigmaやCSSなど、Hexコードを扱える多くのデザインツールでそのまま使えます。