ToolNextToolNext

カラーハーモニージェネレーター

ベースカラーから補色・類似色などを生成

#1
tools.color-harmony.labelHex
#3B82F6
tools.color-harmony.labelRgb
rgb(59, 130, 246)
tools.color-harmony.labelHsl
hsl(217, 91%, 60%)
#2
tools.color-harmony.labelHex
#F6AF3B
tools.color-harmony.labelRgb
rgb(246, 175, 59)
tools.color-harmony.labelHsl
hsl(37, 91%, 60%)

工具说明

选择基础颜色和和谐模式（互补/类比/三角/分裂互补/四方/单色系），自动生成完整配色方案，显示 HEX/RGB/HSL 值，支持一键复制。

colorharmonypalette配色色彩complementary互补