左侧用环或滑块定主色,右侧集中查看多种和谐配色:每条颜色含 HEX、RGB、HSL 与相对主色的色相/明度差,可单条复制或一次复制整组。
色相环外圈仅表示纯色相带(高饱和、中等明度);左侧「当前颜色预览」才是完整 HSL。右侧切换互补、分裂、三角、四元、类似或单色规则查看搭配色;点击色块或「复制」复制单条 HEX,或用「复制本组」「复制为 CSS 变量」批量导出。地址栏 ?hex=RRGGBB(无 #)可分享主色。