在线颜色选择器
工具简介:
在下方颜色选择器/调色板中点选想要的颜色，工具会即时显示颜色的十六进制颜色代码，并显示该颜色对应的RGB、CMYK、LAB、HSL、XYZ、LUV、HWB等颜色转换值。可点击调色板中的上下按钮来切换HEX、RGB、HSL，并可改变其中的数值。可拖动HUE色相条调节色相。在下方显示颜色的变化，生成您选择的颜色的色度值，即每次以10%的增量添加纯白色或纯黑色。本工具还显示颜色组合，包含互补色、分裂互补色、三色组合、类比色、单色调、四色组合。另外，这里还附加颜色对比度检查器，点击"单击修复"可调节文本颜色和背景颜色对比到最佳值。
颜色选择器
颜色值
颜色变化
颜色变化展示了您选择的颜色与白色和黑色的混合效果。上半部分显示颜色与不同比例白色的混合（变浅），下半部分显示与不同比例黑色的混合（变深）。每个色块显示其十六进制代码，点击可复制。
颜色组合
颜色组合展示了与您选择的颜色搭配良好的其他颜色。这些组合基于色彩理论，可用于设计配色方案。点击任何颜色可复制其十六进制代码。
互补色
互补色位于色环上相对的位置，相距180°。这种组合对比强烈，充满活力。
分裂互补色
选择一个基础色，然后选择其互补色两侧的颜色（通常相距30°）。这种组合提供高对比度但比直接互补色更协调。
三色组合
在色环上选择三种相距120°的颜色。这种组合平衡且充满活力，但使用时需要注意控制比例。
类比色
选择色环上相邻的颜色（通常相距30°）。这种组合和谐自然，适合创造舒适的设计。
单色调
使用同一色相但亮度和饱和度不同的颜色。这种组合简洁和谐，适合简约设计。
四色组合
在色环上选择四种等距的颜色（通常形成矩形或正方形）。这种组合丰富多彩，但需要谨慎使用以避免过于复杂。
颜色对比度检查器
对比度检查器用于评估文本颜色与背景颜色的可读性。良好的对比度对于提高内容可访问性至关重要，特别是对于视力障碍用户。WCAG标准要求：AA级需要至少4.5:1的对比度，AAA级需要至少7:1的对比度。
Aa 文本预览文字 Sample Text
1234567890