TWパレットジェネレーター

指定した色から、TailwindCSSに最適化されたカラーパレットを自動生成。 コーポレートカラーやブランドカラーをベースに、50〜950まで統一感のある配色を無料で作成できます。

ベースカラー選択
50
100
200
300
400
500
600
700
800
900
950
red
orange
amber
yellow
lime
green
emerald
teal
cyan
sky
blue
indigo
violet
purple
fuchsia
pink
rose
slate
gray
zinc
neutral
stone
調整
237°
68
19
生成されたパレット
BASE
50
100
200
300
400
500
600
700
800
900
950
パレットヒストリー

作成したカラーパレットを履歴に追加することができます

Tailwind Config
colors: {
  custom: {
    50: '#f0f9ff',
    100: '#e0f2fe',
    200: '#bae6fd',
    300: '#7dd3fc',
    400: '#38bdf8',
    500: '#0ea5e9',
    600: '#0284c7',
    700: '#0369a1',
    800: '#075985',
    900: '#0c4a6e',
    950: '#082f49',
  }
}
ポストするチップを送る