欢迎回来

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

全世界大约每 12 名男性和每 200 名女性中就有 1 人患有色盲。该模拟器可帮助设计师、开发人员和内容创作者了解他们所选择的颜色在患有各种色盲的人眼中是什么样子的。

通过不同的色盲模拟测试你的色彩，你可以确保你的设计对所有用户都是无障碍和有效的。该工具可模拟最常见的色盲类型，包括原色盲、去原色盲、三原色盲和完全色盲。

了解色盲

使用对比和图案以及颜色来传达信息。

更好的设计

蓝黄盲（Tritanopia）

检查不同色盲类型的人对颜色的感知，以创建更无障碍的设计。了解色觉有助于确保您的内容对所有人都无障碍。

颜色绝不应是传递信息的唯一方式。使用该模拟器进行测试有助于发现潜在问题。

为何重要

创建一个免费账户，模拟不同类型色盲患者看到的颜色。

注册以访问失明模拟器

这就是正常色觉所看到的颜色。

红绿色盲（原盲）

8% 的男性和 0.5% 的女性存在某种形式的色觉缺陷。

影响

失明模拟器

完全色盲

红绿色盲最为常见，它会影响人们对红色和绿色的感知。

类型

非常适合用户界面设计、数据可视化、品牌推广以及任何依赖色彩区分的视觉内容。

使用案例

利用高级指标分析色彩属性，包括光谱组成、色彩纯度、同色异谱效应和感知特征。这些工具可以深入分析不同观察条件下的色彩行为和外观。

创建免费帐户，查看全面的色彩分析和指标。

注册以访问色彩分析

色彩在人类视觉中的呈现方式，包括纯度、主导性和感知亮度。

感知特性

基于比色法和光谱分析的精确色彩测量，适用于技术应用。

科学分析

色彩分析

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

使用一种主色调，辅以辅助色，少用点缀色。

确保足够的对比度，以保证可读性和易读性。

色彩应相互配合，营造统一的视觉体验。

色彩理论原理

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

颜色的含义因文化而异，在世界各地都有不同的象征意义。

文化

探索色彩的艺术和心理层面，包括季节关联、情感影响、自然现象、历史颜料和创意应用的调色配方。

创建免费账户，探索色彩的创意和艺术维度。

注册以访问《创意面面观

自然界中出现的色彩激发了设计灵感，并将我们与环境联系在一起。

自然

色彩通过长期形成的心理联想影响人的情绪和行为。

心理学

创意方面

点击任何颜色，复制其十六进制值。这些组合经过数学验证，能创造出和谐的视觉效果。

和谐的色彩能创造平衡，并在设计中唤起特定的情感。

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

HTML 颜色选择器: 123456

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

用于编程的终端颜色、字节编码和数据格式。

发展

将色彩转换为实际应用的实用格式，包括打印模拟、LED 显示屏、终端输出和数据编码。这些格式可帮助您在不同的媒体、平台和物理设备上实现色彩。

用精确的数值控制 LED 灯条、RGB 照明和显示硬件。

数字显示屏

创建免费账户，查看并复制所有实用色彩格式值。

注册以访问实用格式

模拟在物理介质上使用 CMYK 油墨打印时的色彩显示效果。

印刷与制作

实用格式

即时访问项目的所有色彩格式转换。

获取所有实用格式

在基色中加入黑色，形成更深的变化。

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

探索视频制作、摄影、科学应用和色彩管理系统中使用的高级色彩空间表示法和专业色彩模型。这些技术格式为专业行业和应用提供了精确的色彩规格。

专业工作流程需要特定的色彩格式，以便在不同设备和媒体间保持一致。

行业标准

创建免费帐户，查看并复制所有技术色彩格式值。

注册以访问技术格式

技术格式

即时访问 10 多种专业色彩格式，并提供精确的转换和详细的说明。

解锁所有技术格式

不同的色彩空间针对特定目的进行了优化--从准确的色彩再现到高效的数据压缩。

为什么使用技术格式

在基色中加入白色，形成浅色变化。

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

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

这些变化构成了连贯调色板的基础。导出它们，以保持整个项目的一致性。

在悬停状态和阴影中使用色调，在高光和背景中使用色调。

名称

联系我们

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

测试颜色组合，确保它们符合 WCAG 文字可读性无障碍标准。

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

色彩对比度检查器：123456

增强型对比度，正常文本为 7:1，大文本为 4.5:1。建议使用，以获得最佳的可读性。

普通文本的最低对比度为 4.5:1，大文本为 3:1。大多数网站都需要。

WCAG 合规级别

WCAG 准则确保有视觉障碍的用户可以访问您的内容。

WCAG 标准

需要注意

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

创建新调色板

编辑你的调色板

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

编辑渐变效果

需要渐变标题

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

梯度

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

颜色代码生成器和拾取器

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

渐变制作器

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

保存的调色板

共享梯度

共享调色板

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

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

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

上传图片文件支持格式：png、jpg、jpeg：PNG、JPG、JPEG。

图片上传

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

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

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

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

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

您已使用此功能 3 次！

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

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

需要调色板标题

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

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

调色板

需要标题

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

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

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

ImageColorPicker.com

颜色代码生成器和拾取器

颜色转换

#ca4e4e

变化

色调

色调

常见用例

设计系统提示

颜色组合

如何使用

为何重要

补充

分割互补

三位一体

类比

单色

四分体