#dd1122

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

HEX: #dd1122
RGB: rgb(221, 17, 34)
HSL: hsl(355, 86%, 47%)
OKLCH: oklch(56.9% 0.225 26.2)
CMYK: 0% 92% 85% 13%

相對亮度相對亮度:顏色的明亮程度,從 0(黑)到 1(白)。用於計算 WCAG 對比度。: 0.1589
色相色相:顏色的類別(紅、橙、黃……)。我們將色相環分為 12 個區段。: 紅
最接近的名稱最接近的名稱:與此顏色最接近的 CSS 標準顏色名稱。: crimson

對比度

作背景
	比值對比度:兩種顏色之間的明暗差異,從 1:1 到 21:1。數值越大越易讀。	APCA(Lc) APCA:源自 WCAG 3 草案的較新知覺對比度量。Lc 大致在 0–106 之間,數值越大越易讀。符號表示明暗極性(淺底深字,或深底淺字)。
白字	5.03:1	-78
黑字	4.18:1	32
作文字
白底	5.03:1	72
黑底	4.18:1	-29

調和配色

互補色互補色:色相環上正對面(180°)的顏色。兩者相互襯托。

類似色類似色:色相環上相鄰(約 ±15°)的顏色。能組成協調的配色。

#dd1155 #dd3311

三角配色三角配色:在色相環上每隔 120° 均勻分布的三種顏色。平衡而活潑。

#22dd11 #1122dd

分裂互補色分裂互補色:互補色兩側(180°±30°)的兩種顏色。比直接互補色更柔和。

#11dd66 #1188dd

四角配色四角配色:在色相環上每隔 90° 均勻分布的四種顏色。適合多重點綴的配色。

#88dd11 #11ddcc #6611dd

色調階色調階:保持色相不變、改變明度的五個級別。

#440011 #881111 #ee1122 #ee7777 #ffbbbb

暗色與淺色暗色與淺色:向白色混合得到的更淺級別(淺色)和向黑色混合得到的更深級別(暗色)。

#ffdddd #eebbbb #ee9999 #ee7788 #ee5566 #dd3344

#dd1122

#bb1122 #991111 #771111 #660011 #440011 #220000

印象印象:描述顏色所帶氛圍的標籤——溫暖、平靜、鮮豔等。

使用預覽

作背景(黑字)

比值 4.18:1 APCA(Lc) 32

作背景(白字)

比值 5.03:1 APCA(Lc) -78

作文字(白底)

比值 5.03:1 APCA(Lc) 72

作文字(黑底)

比值 4.18:1 APCA(Lc) -29