相邻色生成器
选择基准色和色相间隔。工具会显示基准色及其两侧各偏移所选角度的邻近色，这三种中央色构成经典的相邻色配色；同时还会加入位于两倍角度处的两种外侧色，形成范围更宽的五色组合。相邻色是最和谐的经典配色之一，因为彼此接近的色相具有共同的主导色调，所以常见于自然（夕阳、森林）和编辑设计中。
如何构建相邻色配色
-
1
选择基准色
粘贴 hex 代码、RGB 三元组或 HSL 值。饱和的中间调颜色会得到最丰富的相邻色组。
-
2
选择偏移角度
30° 是经典相邻色间距。15° 会得到更紧、更接近单色的组合；45° 则开始接近分裂互补色。
-
3
调整明度变化
可选择让三个色相之间的明度有所变化，避免配色显得平。让两翼变浅会产生更柔和、更有编辑感的效果。
-
4
导出颜色
复制 hex、RGB 或 HSL。适合 CSS 变量、Figma 样式或印刷规格表。
经典配色方案与相邻色对比
| 配色方案 | 角度关系 | 特点 |
|---|---|---|
| 单色 | 0°（同色相，明度/饱和度不同） | 平静、统一 |
| 相邻色 | 两侧各 30° | 和谐、自然 |
| 互补色 | 相隔 180° | 高对比、张力 |
| 分裂互补色 | 基准色 + 互补色两侧的 2 个色相 | 有对比但更微妙 |
| 三角配色 | 相隔 120° | 平衡、鲜明 |
| 四角配色 | 两对互补色 | 丰富、复杂 |
自然中的相邻色配色示例
- 日落： 黄色 → 橙色 → 红橙色（暖色侧的 30° 跳转）。
- 森林： 黄绿色 → 绿色 → 蓝绿色。
- 海洋： 蓝绿色 → 蓝色 → 蓝紫色。
- 秋季： 红橙色 → 橙色 → 黄橙色。
使用相邻色组进行设计
- 选择一种颜色作为 主色（占表面积 60%），第二种作为 辅色（30%），第三种作为 点缀色（10%），即 “60-30-10” 规则。
- 将相邻色与中性色（白、黑、暖灰）搭配，用于正文和界面框架。
- 避免在大面积区块中使用三个饱和度相同的相邻色，会显得浑浊。应在两翼和基准色之间改变明度或饱和度。
色彩空间和角度计算
30° 偏移是在 HSL 或 HSV 色相空间中计算的，这两者都把色相视为一个角度（0-360°）。在 RGB 中做色轮运算不可行，必须转换到 HSL、旋转色相，再转换回来。这正是工具在后台做的事。之所以提供三种表示法输出，是因为 CSS、设计工具和印刷流程各自偏好不同格式。
常见问题
单色配色使用同一个色相，只改变明度和饱和度（藏青、蓝、天蓝）。相邻色配色使用色轮上相邻的三个不同色相（蓝绿、蓝、蓝紫）。相邻色视觉变化更多。
相邻色可能有重叠的 CMYK 油墨组合，导致印刷对比度降低。请检查屏幕软打样版本，并考虑在印刷项目中把间距从 30° 增加到 40°。
可以，但应保留其中一种作为主品牌色，另外两种退到辅助角色（徽章、强调色）。把三种都用于主要界面操作会造成混淆，用户会习惯把一种颜色与主要的行动号召按钮关联起来。
中央三色是经典的相邻色配色：基准色以及其两侧各偏移所选角度的邻近色。外侧两色位于两倍角度处，是用于扩展配色范围的可选颜色。采用默认的 30° 间隔时，中央组合位于 ±30°，外侧两色位于 ±60°。
相关工具
BBCode 转 HTML 转换器
将 BBCode（论坛标记）转换为干净的 HTML。支持格式标签、列表、引用、代码、图片、链接和表格。
Base64 转 Hex 转换器
将 Base64 字符串转换为其底层字节的十六进制表示。适合检查令牌、密钥、证书和 JWT。
ASCII 转 Hex 转换器
将 ASCII 文本转换为 hexadecimal byte values。输出每个字符两个 hex digits，可用于 memory dumps、packet traces 或 firmware tables。
ASCII 转二进制转换器
将任意 ASCII 字符串转换为二进制表示。每个字符变成八位，以空格分隔，可直接粘贴到协议跟踪或作业中。
二进制转 ASCII 转换器
粘贴二进制（用空格分隔的字节或一长串比特），即可得到它所表示的 ASCII 文本。支持 7 位和 8 位编码。
二进制转十六进制转换器
将二进制输入转换为纯大写十六进制值。非 0 和 1 字符会被忽略，前导零不会保留。