受到团队的信任
学习如何选择颜色和创建色卡使用颜色选择器。
为字体、背景、边框等选择颜色是设计网站时最常见的操作之一。颜色选择器有不同的工具，可以让你:
你可以通过以下方式选择颜色:
您可以直接从Webflow的颜色选择器中检查站点上文本的对比度，它不仅显示文本的对比度，而且还显示与该对比度相对应的WCAG级别评级。
对比度会影响网站的可访问性。足够的对比度取决于前景(文本)和背景颜色(文本出现的背景)、字体大小和字体粗细。
您还可以在颜色选择器的对比度区域中切换“眼睛”图标，以查看WCAG上AA、AAA和Fail评级之间的曲线。
要从画布上或当前浏览器窗口外的任何元素中选择颜色，请使用滴管工具。
点眼药器
滴管工具是一个伟大的方式，从画布上的任何地方或您当前的浏览器窗口外拉出一个精确的颜色。因此，如果您想从图像、页面上现有的类或计算机上其他应用程序中的图形中提取颜色，您可以使用这个工具。
要从光谱中选择颜色，请使用颜色滑块选择色调，然后使用颜色平面选择正确的颜色。如果你想使颜色不透明，使用不透明度滑块．
颜色平面允许您选择您想要使用的颜色的深浅。您可以沿着x轴移动拾取器来调整颜色的饱和度，沿着y轴移动拾取器来调整亮度。要更改颜色，请使用颜色滑块在下面。
色相滑块允许您从颜色光谱中选择您想使用的颜色的色相。然后，你可以用颜色平面以上。
不透明度滑块允许您指定颜色的透明度级别。100%将使颜色完全不透明，任何值以下将使颜色透明。这在添加图像的颜色叠加或创建透明背景时很有用。
如果你想在选择颜色时更精确，你可以使用web颜色名称，十六进制代码，HSB/HSBA值，或RGB/RGBA值。您可以将这些值粘贴到样式面板或十六进制输入字段在选色器中。或者，你可以分解代码，在它自己的字段中输入每个值:
您可以通过单击标签在HSB和RGB之间进行切换。
这个输入字段支持所有的网页颜色格式。因此，您可以输入或输入任何HTML颜色值。所有值将被转换为HEX。
在HEX输入字段旁边，你会注意到3个标记为“H S B”的输入字段。如果你点击标签，它会切换到“R G B”。您可以再次单击该标签切换回。
H代表色相，你会注意到当你用颜色滑块，标记为“H”的字段中的值也会改变。S代表饱和度，B代表亮度。控件中移动选择器时，这些值将被更新颜色平面．如果您知道要使用的颜色的HSB值，就可以在适当的字段中输入这些值。
如果您知道您的颜色的RGB值，请单击HSB标签并输入红色“R”、绿色“G”和蓝色“B”的值。这些字段还将自动显示正确的值，无论您使用了什么工具来选择颜色。
“A”代表alpha通道。alpha通道决定了颜色的透明度。影响该值不透明度滑块．Alpha值可以是0到100%之间的任何值。如果您知道您的颜色的alpha值，将其乘以100，并在输入框中输入它。
一旦你选择了一个颜色，你可以保存为一个样本，在你的项目中重复使用它。
为了保存你的样本:
色板的部分力量是，你可以更新色板的颜色在未来，并立即改变所有元素的颜色，使用你正在更新的色板。这是在你的项目中保持颜色一致性的一个很好的方法，快速而容易。
编辑一个样本的颜色:
如果你有一个元素的颜色使用样本，你总是可以选择解除颜色与样本的链接。这可能是有用的，如果你计划编辑样本颜色在未来，但不希望它影响一个特定的元素。
将颜色与色板分离:
颜色只显示其HEX值，对原始色板颜色的任何更改都不会影响未链接的元素。
