WebTools
🇺🇸🇯🇵🇨🇳🇰🇷

カラーパレット生成

ベースカラーからカラーパレットを生成します。補色・三角配色・モノクロマティック等に対応。

ベース

補色

カラーをクリックするとHEXコードをコピーできます
:root {
  --color-1: #3b82f6; /* ベース */
  --color-2: #f6af3c; /* 補色 */
}

関連ツール

カラーホイールカラーコード変換（HEX/RGB/HSL）CSS単位変換（px/rem/em）アスペクト比計算

このツールについて

ベースカラーからカラーパレットを生成します。補色・三角配色・モノクロマティック等に対応。