使い方
Enter a base HEX color, choose a mode and count, Generate, then Copy any swatch value. Random mode ignores strict harmony and picks fresh colors.
例
Modes share the base hue rules: mono varies lightness, analogous shifts nearby hues, complementary includes the opposite hue.
入力
Base #2563eb, analogous, 5 colors出力
Five swatches with HEX, RGB, and HSL for each仕組み
Colors are computed from HSL relative to the base. Each swatch includes hex, rgb(), and hsl() strings for copy-paste into CSS.
よくあるエラー
- An invalid HEX was refused Use #rgb or #rrggbb.
- Count 20 was refused Stay within the offered count range.
- You expected CIELAB harmony This generator uses HSL geometry, not perceptual Lab spaces.
制限
Palettes are suggestions, not brand-system tokens. Accessibility contrast is not checked here; use Color Contrast Checker for that.
プライバシー
The text you paste is processed in your browser. PepsTools does not receive it, store it, or send it to another service.
よくある質問
Does random use the base color?
Random builds new hues. Other modes derive from the base HEX you enter.