#88ee33

颜色值颜色表示法——HEX(十六进制)、RGB(光的三原色)、HSL(色相/饱和度/明度)、CMYK(印刷油墨,近似值)。

HEX: #88ee33
RGB: rgb(136, 238, 51)
HSL: hsl(93, 85%, 57%)
OKLCH: oklch(85.4% 0.231 134.7)
CMYK: 43% 0% 79% 7%

相对亮度相对亮度:颜色的明亮程度,从 0(黑)到 1(白)。用于计算 WCAG 对比度。: 0.6662
色相色相:颜色的类别(红、橙、黄……)。我们将色相环分为 12 个区段。: 黄绿
最接近的名称最接近的名称:与此颜色最接近的 CSS 标准颜色名称。: greenyellow

对比度

作背景
	比值对比度:两种颜色之间的明暗差异,从 1:1 到 21:1。数值越大越易读。	APCA(Lc) APCA:源自 WCAG 3 草案的较新知觉对比度量。Lc 大致在 0–106 之间,数值越大越易读。符号表示明暗极性(浅底深字,或深底浅字)。
白字	1.47:1	-25
黑字	14.32:1	82
作文字
白底	1.47:1	22
黑底	14.32:1	-82

调和配色

互补色互补色:色相环上正对面(180°)的颜色。两者相互衬托。

类似色类似色:色相环上相邻(约 ±15°)的颜色。能组成协调的配色。

#bbee33 #55ee33

三角配色三角配色:在色相环上每隔 120° 均匀分布的三种颜色。平衡而活泼。

#3388ee #ee3388

分裂互补色分裂互补色:互补色两侧(180°±30°)的两种颜色。比直接互补色更柔和。

#4433ee #ee33dd

四角配色四角配色:在色相环上每隔 90° 均匀分布的四种颜色。适合多重点缀的配色。

#33ddee #9933ee #ee4433

色调阶色调阶:保持色相不变、改变明度的五个级别。

#224400 #448811 #77ee11 #aaee77 #ddffbb

暗色与浅色暗色与浅色:向白色混合得到的更浅级别(浅色)和向黑色混合得到的更深级别(暗色)。

#eeffdd #ddffcc #ccffaa #bbee88 #aaee66 #99ee55

#88ee33

#77cc33 #66aa22 #558822 #336611 #224411 #112200

印象印象:描述颜色所带氛围的标签——温暖、平静、鲜艳等。

使用预览

作背景(黑字)

比值 14.32:1 APCA(Lc) 82

作背景(白字)

比值 1.47:1 APCA(Lc) -25

作文字(白底)

比值 1.47:1 APCA(Lc) 22

作文字(黑底)

比值 14.32:1 APCA(Lc) -82