颜色格式转换

#7C3AED

颜色属性

亮度 (Brightness)98.1

相对亮度 (Luminance)0.1343

深色 (isDark)✓ 是

浅色 (isLight)✗ 否

白色对比度5.70:1

黑色对比度3.69:1

白字可读✓ 是

黑字可读✗ 否

格式转换

HEX十六进制

#7C3AED

HEX66位十六进制

#7C3AED

HEX33位简写

#7C3AED（不可简写）

RGB红绿蓝

rgb(124, 58, 237)

%RGB百分比 RGB

rgb(49%, 23%, 93%)

HSL色相/饱和度/亮度

hsl(262, 83%, 58%)

HSV色相/饱和度/明度

hsv(262, 76%, 93%)

NameCSS 颜色名

—

配色方案

互补色

色轮对面

#7C3AED

#ABED3A

类似色

相邻色相

#7C3AED

#3A40ED

#583AED

#7C3AED

#A03AED

#C43AED

单色

同色相不同明度

#7C3AED

#0D0618

#231043

#391B6D

#502598

#6630C2

分裂互补

互补色两侧

#7C3AED

#ED3A87

#40ED3A

三色

色轮等距三色

#7C3AED

#ED7C3A

#3AED7C

四色

色轮等距四色

#7C3AED

#ED3A51

#ABED3A

#3AEDD5

CSS 代码

background-colorbackground-color: #7C3AED;

colorcolor: #7C3AED;

rgbargba(124, 58, 237, 1);

hslahsla(262, 83%, 58%, 1);

CSS 变量--color-primary: #7C3AED;