Đen và xám (gradient tuyến tính)

Đen và xám: bảng màu gồm 32 màu. #020305, #0e1318, #475058, #b9c2c8, #dae5ed, #8f9ca9, #404751, #13161c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 5 keyframe OKLCH chỉnh sửa được.

#020305
#030508
#05080c
#090d12
#0e1318
#141a21
#1c242a
#272f36
#343d44
#475058
#606971
#7d878e
#9ca5ac
#b9c2c8
#d1dae0
#e2ebf1
#e8f1f7
#e5eff5
#dae5ed
#cad5df
#b6c3ce
#a2afbb
#8f9ca9
#7e8b98
#707b89
#606a77
#505964
#404751
#313740
#242931
#1a1e25
#13161c

CSS

background: linear-gradient(90deg in oklch, oklch(9.84% 0.0083 250.31) 0.0%, oklch(11.50% 0.0092 249.92) 3.2%, oklch(13.42% 0.0104 249.43) 6.5%, oklch(15.69% 0.0120 248.85) 9.7%, oklch(18.40% 0.0136 248.18) 12.9%, oklch(21.63% 0.0152 247.43) 16.1%, oklch(25.46% 0.0166 246.61) 19.4%, oklch(29.97% 0.0175 245.73) 22.6%, oklch(35.32% 0.0180 244.77) 25.8%, oklch(42.63% 0.0177 243.47) 29.0%, oklch(51.68% 0.0169 241.85) 32.3%, oklch(61.64% 0.0158 240.10) 35.5%, oklch(71.64% 0.0145 238.40) 38.7%, oklch(80.86% 0.0134 236.94) 41.9%, oklch(88.43% 0.0126 235.89) 45.2%, oklch(93.53% 0.0123 235.45) 48.4%, oklch(95.42% 0.0127 235.80) 51.6%, oklch(94.53% 0.0140 236.93) 54.8%, oklch(91.48% 0.0160 238.68) 58.1%, oklch(86.82% 0.0182 240.84) 61.3%, oklch(81.10% 0.0204 243.24) 64.5%, oklch(74.86% 0.0225 245.68) 67.7%, oklch(68.66% 0.0240 247.96) 71.0%, oklch(63.06% 0.0248 249.90) 74.2%, oklch(57.94% 0.0245 251.48) 77.4%, oklch(52.15% 0.0234 253.01) 80.6%, oklch(45.95% 0.0217 254.46) 83.9%, oklch(39.65% 0.0197 255.83) 87.1%, oklch(33.60% 0.0174 257.08) 90.3%, oklch(28.10% 0.0153 258.17) 93.5%, oklch(23.48% 0.0136 259.10) 96.8%, oklch(20.08% 0.0124 259.82) 100.0%);

Trong các bộ sưu tập này

Gradient crôm

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động