欢迎回来

三种亮度和饱和度相同的颜色，色调在色轮上相邻，相差 30 度。平滑过渡。

每种和谐色都有自己的基调。利用和声，集思广益，找出搭配得当的色彩组合。

一种颜色和它在色轮上的对立面，色相+180 度。高对比度。

获取有关颜色 123456 的实用色彩信息，如转换、组合、失明模拟等。

HTML 颜色选择器: 123456

三种色调相同的颜色，亮度值为 +/-50%。细腻而精致。

一种颜色和与其补色相邻的两种颜色，与主色相反的色相+/-30 度。与直补色一样大胆，但用途更广。

三种颜色沿着色轮均匀分布，每种颜色的色相相差 120 度。最好以一种颜色为主，其他颜色为辅。

本部分的目的是以 10%的增量准确地生成所选颜色的色调（添加纯白）和色相（添加纯黑）。

名称

联系我们

使用颜色选择器为文字和背景颜色选择颜色，或输入 RGB 十六进制格式的颜色（如 #259 或 #2596BE）。您可以调整滑块来选择颜色。网页内容可访问性指南》（WCAG）有一个专门的准则来帮助判断文字是否适合视力正常的用户阅读。该准则使用一种特殊算法将颜色组合映射为可比比率。  使用此公式，WCAG 规定，对于普通（正文）文本，文本与背景的色彩对比度为 4.5:1，而大文本（18 pt 以上的普通文本或 14 pt 以上的粗体文本）的色彩对比度至少应为 3:1。

色彩对比度检查器：使用该在线工具，您可以获得文字和背景颜色对比度的详细信息 123456。 

色彩对比度检查器：123456

需要注意

要使用此功能，您需要创建一个免费的 imagecolorpicker 账户。之后，您将可以使用更多功能。

创建新调色板

编辑你的调色板

使用 imagecolorpicker.com 的 Gradient Maker 创建令人惊叹的渐变效果。你可以选择线性渐变和径向渐变，添加多种颜色，旋转渐变，保存并分享你的作品。直接下载 CSS 代码，将渐变效果无缝集成到项目中。

编辑渐变效果

需要渐变标题

Gradient Maker - Create Stunning Linear and Radial Gradients | imagecolorpicker.com

梯度

生成颜色代码、变体、谐调并检查对比度。

颜色代码生成器和拾取器

轻松创建漂亮的渐变效果--自定义颜色、方向并导出你的作品。

渐变制作器

管理和整理你最喜欢的调色板。

保存的调色板

共享梯度

共享调色板

我们注意到您正在使用广告拦截器。没关系！您可以通过小额捐款来支持我们，让数百万用户继续免费使用这款工具。每一杯咖啡都有助于我们维护和改进服务。

检测到广告拦截器 - 请用咖啡支持我们！

使用上面的在线图像颜色选择器选择一种颜色，并获取该像素的 HTML 颜色代码。此外，还能获得 HEX 颜色代码值、RGB 值和 HSV 值。在 "使用您的图片 "下，您可以上传自己的图片（例如桌面截图）、从剪贴板粘贴图片、在下面的文本框中输入图片网址。或者使用网站网址，你会在左侧看到一个缩略图。

颜色选择器：使用该在线工具，您可以上传图片或提供网站 URL，然后获取 RGB 颜色、HEX 颜色和 HSL 颜色代码。👍

👍 在线选色器 | HEX 选色器 | HTML 选色器

如果您使用的是 Mac 或电脑，并配有当前的操作系统和浏览器，那么您就可以使用该功能。我们已对 Safari、Edge、Firefox 和 Chrome 浏览器进行了测试。外观可能略有不同。

您可以免费使用此功能 3 次，然后观看快速广告，再使用 3 次。您的支持有助于我们为全球 300 多万用户提供免费工具。

观看 15 秒广告，继续免费使用

您已使用此功能 3 次！

我们的颜色选择器之旅还在起步阶段，未来还会有更多的功能，这一切都是值得的。

输入您的电子邮件地址，我们将向您发送一个安全链接以登录。

需要调色板标题

您尚未保存调色板。保存一个，您就能在这里找到它。

与您共享的调色板已不存在，可能已被创建者删除。请与收到此链接的人联系。

调色板

需要标题

本网站通过广告盈利。您有屏蔽程序。我们理解您不会看到广告。本网站的运行和维护费用由我们承担。我们对每一杯咖啡都非常满意！

从图片、网站和屏幕中挑选颜色的在线工具。即时获取 HEX、RGB 和 HSL 颜色代码。

从图片和网站中提取颜色代码（HEX、RGB）的在线工具。100% 免费。

ImageColorPicker.com

颜色代码生成器和拾取器

颜色转换

#ffb63a

变化

色调

色调

颜色组合

补充

分割互补

三位一体

类比

单色

四分体

色彩对比度检查器

文字颜色

背景颜色

对比