颜色工作台
类似色生成器
生成基色两侧各30°的相邻色相。查看色板，并复制结果或调色板数值。
类似色生成器: TOEA应用以下固定公式：相邻色 = 基色色相 − 30°和+ 30°。颜色计算在浏览器本地运行。 完全在浏览器中本地运行，文件不会上传到服务器。
- 类别
- 日常工具
- 使用次数
- 在浏览器中
- 费用
- 免费·无需注册
- 可用性
- 可直接使用
结果表 / 02
类似色1
#25C6EB
- 基色HEX
- #2563EB
- 类似色2
- #4A25EB
- 调色板HEX值
- #25C6EB #4A25EB
计算公式
相邻色 = 基色色相 − 30°和+ 30°假设 / 使用前请阅读
- 结果是确定性的sRGB数学变换；显示效果取决于你的显示器和颜色配置文件。
- HEX输入接受#RGB或#RRGGBB表示法。数值会保留在浏览器中，不会上传。
为邻近色增加一些对比
类似色彼此接近，并共享基础色的饱和度和亮度，因此过渡自然，适合渐变、背景和插图。但这种接近也意味着它们无法清楚区分文本与背景，或标示哪些内容可以点击。可以改变其中一种颜色的亮度，用于文本和表面；再加入对比色，例如使用complementary color generator生成基础色的相反色，用于按钮和强调内容。
30度不一定代表相同的变化
HSL会以不均匀的方式分布色相。红色为0°、橙色为30°、黄色为60°，每次30°的变化都会落在名称不同的颜色上；而约90°到150°的范围全是绿色，因此以绿色为基础构建的类似色组可能看起来几乎没有区别。红色基础色还会绕回色轮，在一侧接近330°处得到粉色，另一侧则得到橙色。
使用方法
- 输入有效的#RGB或#RRGGBB值，以及所需的百分比。
- 运行固定的、在浏览器本地执行的颜色运算。
- 查看色样，并复制结果或调色板数值。
隐私与限制
颜色值会保留在此设备上。对比度输出是数学检查结果，并不代表全面的WCAG合规保证；仍需检查具体使用场景、字体渲染、非文本对比度和用户界面状态。
相关工具
常见问题
类似色板如何工作？
它使用以下公式：相邻色 = 基色色相 − 30°和+ 30°。
接受哪些HEX格式？
请使用三位数#RGB或六位数#RRGGBB的sRGB表示法。不接受Alpha通道和命名颜色。
对比度结果能保证符合无障碍规范吗？
不能。这是针对所报告颜色和文本阈值的数学对比度检查工具，并不代表全面的合规保证。
免费工具·使用在浏览器中次·无需账户