#2596BE
颜色选择器 - RGB(37, 150, 190)
探索这种颜色的各种信息，调整色调和亮度，发现和谐的颜色组合。
Color Picker
Screen color picker requires Chrome 95+ or Edge 95+
颜色信息
Selected
Hover
HEX
#2596BE
RGB
37, 150, 190
颜色值
HEX
#2596BE
RGB
37, 150, 190
HSL
196, 67, 45
CMYK
81, 21, 0, 25
变化
该颜色的色调（纯色加白色）和阴影（纯色加黑色），以10%的增量显示。
色调
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
阴影
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
色彩和谐
和谐配色方案的组合，创造出在视觉上令人愉悦的设计。
互补色
色轮相对两侧的两种颜色。这种颜色组合提供高对比度和强烈冲击的配色。
分裂互补色
使用基色和与其互补色相邻的两种颜色。这种颜色组合具有与互补配色方案相同的强烈视觉对比。
三色组
使用色轮周围等距分布的三种颜色。三色配色方案往往相当鲜明，即使使用淡色或不饱和版本。
类似色
使用色轮上相邻的颜色。它们通常搭配良好，创造宁静舒适的设计。
单色
使用单一颜色的明度和饱和度变化。这些配色方案容易搭配正确。
四色组
对比度检查器
比率: 3.40
正常 (AA)失败
大文字 (AA)通过
Loading inspiration...
高级颜色选择器功能
Professional tools for precise color creation and analysis
HSL颜色控制
专业级HSL（色调、饱和度、亮度）控制为您提供精确的颜色选择控制。非常适合创建复杂的色彩方案和微调颜色以满足您的确切要求。
色彩和谐生成器
自动生成互补、相近、三角、分割互补、单色和四分色彩方案。基于色彩理论原理，创建视觉上令人愉悦且平衡的颜色组合。
色调和阴影
使用自动生成的色调（颜色+白色）和阴影（颜色+黑色）探索所选颜色的不同变化。对于在设计中创建深度和层次结构至关重要。
WCAG对比度检查器
前景色和背景色之间的实时对比度计算。确保您的颜色选择符合WCAG AA和AAA可访问性标准，以获得更好的文本可读性和用户体验。
屏幕颜色选择器
使用高级EyeDropper API从屏幕任何位置选择颜色。非常适合将其他应用程序、网站或设计工具中的颜色直接匹配到您的颜色选择器中。
一键复制
立即将任何格式的颜色值复制到剪贴板。通过快速将颜色传输到您的设计软件、代码编辑器或文档来优化您的工作流程。