カラーパレット

画像からカラーパレットを抽出したり、プロジェクト向けの調和の取れた配色を生成します。

無料

#0088FF

H:208 S:100 L:50

#0008FF

H:238 S:100 L:50

#7700FF

H:268 S:100 L:50

#00FFF7

H:178 S:100 L:50

#00FF77

H:148 S:100 L:50

Base:

プリセット

Export as Code

:root {
  --color-1: #0088ff;
  --color-2: #0008ff;
  --color-3: #7700ff;
  --color-4: #00fff7;
  --color-5: #00ff77;
}

カラーパレットを生成する方法

The IT Hustle の無料カラーパレットジェネレーターで、調和のとれた配色を作成しましょう。

補色・類似色・三色配色・分割補色・単色配色に対応しており、いずれも配色理論に基づいています。

はい。画像をアップロードすると、その画像の配色に基づいて主要な色を抽出し、パレットを作成します。

CSSカスタムプロパティ（変数）、SCSS変数、Tailwind CSS設定としてエクスポートできるほか、16進数コードを個別にコピーすることもできます。