Color#2563EB
同色系色阶
选择一个色阶继续编辑，或复制为 CSS 颜色值。
文字对比度
以前景色作为文字颜色，检查其在背景色上的可读性。
示例文字 Aa5.17:1 / AA普通文字通过，未达到 AAA
关于在线颜色工具
Tool Tics 在线颜色工具可在浏览器本地完成 HEX、RGB、RGBA、HSL 与 HSLA 转换，并生成同色系色阶。文字对比度功能依据 WCAG 相对亮度公式，适合网页设计、CSS 调试、品牌配色和无障碍检查。
颜色格式与功能
- HEX
- 使用 #RRGGBB 表示颜色，常见于 CSS、设计稿和品牌色规范。
- RGB / RGBA
- 使用红、绿、蓝三个通道表示颜色，RGBA 额外包含透明度。
- HSL / HSLA
- 使用色相、饱和度和亮度描述颜色，更适合调整明暗与同色系变化。
- WCAG 对比度
- 比较文字与背景的相对亮度，帮助检查普通文字和大号文字的可读性。
常见问题 (FAQ)
HEX、RGB 和 HSL 有什么区别？
三者可以描述同一种颜色。HEX 写法紧凑，适合复制到 CSS；RGB 对应屏幕红绿蓝通道；HSL 将颜色拆为色相、饱和度和亮度，手动调色更直观。
如何表示带透明度的颜色？
可以使用 RGBA、HSLA 或 8 位 HEX。8 位 HEX 按 #RRGGBBAA 排列，最后两位是 Alpha 透明度；例如 FF 表示完全不透明。
文字对比度达到多少比较合适？
WCAG AA 建议普通文字至少达到 4.5:1，大号文字至少达到 3:1；AAA 对普通文字要求 7:1。对比度之外，还应结合字号、字重和实际界面检查。
不同颜色格式互转为什么会有小数或轻微误差？
RGB 使用整数通道，HSL 通常包含小数。格式之间转换时需要四舍五入，因此反复互转可能出现很小的数值变化，但视觉颜色通常保持一致。