颜色工具套装
颜色转换、配色方案、渐变生成、对比度检查等颜色工具集合。
颜色转换器
r
g
b
h
s
l
c
m
y
k
h
s
v
红
橙
黄
绿
青
蓝
紫
粉
棕
灰
对比度检查
示例文字 Aa
The quick brown fox jumps over the lazy dog.
AA 标准: 通过
AAA 标准: 通过
AA 大字: 通过
AAA 大字: 通过
对比度: 21:1
渐变生成器
background: linear-gradient(135deg, #3b82f6, #8b5cf6);图片取色器
CSS 阴影生成器
阴影层 1
颜色
box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.15);色盲模拟器
当前颜色#3b82f6
红色盲
#5a5ada
WCAG AA: 通过
绿色盲
#5650d3
WCAG AA: 通过
蓝色盲
#3fc4bf
WCAG AA: 未通过
配色方案
互补色
#f6af3c
类似色
#523cf6
#3ce0f6
三角色
#f63c83
#83f63c
分裂互补
#f6523c
#e0f63c
四角色
#f63ce0
#f6af3c
#3cf652
单色
#9ec1fa
#6da2f8
#0b64f4
#0950c3