a11y.skipToMainContent
1

色のパレット発電機

ベースカラーを選択し、調和パレットを生成します。 - 補完的、アナログ、トライアドリック、テトラディック、分割補完的、モノクロ、シェード、またはスズ - CSS変数としてエクスポートします.

tool.color-palette.palette

tool.color-palette.cssExport

Was this tool helpful?
Send output to:
Advertisement

How to use Color Palette Generator

  1. ピッカーまたは六角入力でベースカラーをお選びいただけます.
  2. 調和スキームを選択します.
  3. 任意のスウォッチをクリックしてヘックスをコピーするか、フルCSSをコピーします.

カラーパレットジェネレーターとは?

1つのツールのカラー理論。 ベースカラーを選択し、調和のスキームを選択し、コヒーレントパレットと準備が整ったCSSカスタムプロパティを取得します。 任意のスウォッチをクリックしてヘックスをコピーします。

Advertisement

FAQ

ウェブサイトに使用するスキームは?
アナログ + 補完的なアクセントは最も安全なコンボです。 Monochromaticシェードは、最小限のインターフェイスで動作します.
パレットをコピーまたはエクスポートできますか?
はい。 個々の六角値をコピーするか、パレット全体をCSSのカスタムプロパティ(変数)としてエクスポートしてスタイルシートに貼り付けることができます.
調和色を計算する方法は?
色は標準的な色の理論を使用して生成されます。色のホイールに関する数学的な関係は、補完的、アナログ、三角的、その他のスキームを生成します.

Related tools

Author

MW
Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

Advertisement