颜色代码与配色

青色色值与色阶

青色是绿色与蓝色的全饱和加色混合，标准值为 #00FFFF。它具有明亮的电子感，适合作为数字强调色，但文字通常需要搭配更深的颜色。

青色 #00FFFF

颜色格式

同一基础色在常用网页格式中的表示。

下载 SVG 色卡

HEX #00FFFF

RGB rgb(0, 255, 255)

HSL hsl(180, 100%, 50%)

OKLCH oklch(91.0% 0.155 195.0)

青色是绿色与蓝色的全饱和加色混合，标准值为 #00FFFF。它具有明亮的电子感，适合作为数字强调色，但文字通常需要搭配更深的颜色。

色调

颜色	名称	Hex	RGB	HSL
	Cyan 50	#E5FFFF	229, 255, 255	180, 100%, 95%
	Cyan 100	#B3FFFF	179, 255, 255	180, 100%, 85%
	Cyan 200	#80FFFF	128, 255, 255	180, 100%, 75%
	Cyan 300	#4DFFFF	77, 255, 255	180, 100%, 65%
	Cyan 400	#1AFFFF	26, 255, 255	180, 100%, 55%
	Cyan 500	#00E5E6	0, 229, 230	180, 100%, 45%
	Cyan 600	#00B2B3	0, 178, 179	180, 100%, 35%
	Cyan 700	#007F80	0, 127, 128	180, 100%, 25%
	Cyan 800	#004C4D	0, 76, 77	181, 100%, 15%
	Cyan 900	#00191A	0, 25, 26	182, 100%, 5%

三角和谐色

在色轮上等距分布的三种颜色，适合建立有对比又平衡的方案。

文字对比度

以下比值基于 WCAG 相对亮度公式。

白色文字NaN:1

黑色文字NaN:1

在对比度工具中检查 →

青色的使用场景

01

数字与未来感强调

02

数据可视化高亮

03

与蓝色或蓝绿色组成渐变

相关颜色

蓝绿色 #008080

蓝色 #3B82F6

白色 #FFFFFF

海军蓝 #000080