颜色代码生成器和拾取器

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

颜色转换

HEX

#a100ff

Electric Violet

HEX
#a100ff
HSL
278, 100, 50
RGB
161, 0, 255
XYZ
33, 15, 96
CMYK
37, 100, 0, 0
LUV
45,40,-125,
LAB
45, 86, -86
HWB
278, 0, 0

变化

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

色调

色调

颜色组合

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

补充

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

#a100ff

分割互补

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

三位一体

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

类比

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

单色

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

四分体

两组互补色,色相相差 60 度。

色彩对比度检查器

文字颜色
背景颜色
对比
Fail
小文本
✖︎
大文本
✖︎

每个人都是天才。但是,如果你用爬树的能力来评价一条鱼,那么它一辈子都会认为自己是愚蠢的。

- Albert Einstein