Đen, xanh dương nhạt và xám (gradient hình nón)

Gradient hình nón, 40 màu, góc 210°: #030a13, #657d95, #bdcddc, #d5e1ef, #192535. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

6 keyframe OKLCH chỉnh sửa được.

#030a13
#050e19
#081421
#0b1b2b
#112336
#182d42
#203850
#2b445f
#39536e
#4c6580
#657d95
#8296ac
#a0b1c3
#bdcbd8
#d6e0eb
#e8f0f8
#f0f7fe
#edf5fd
#e1ebf5
#d1ddea
#bdcddc
#abbdcf
#9cb0c5
#93a9be
#93a8be
#9aafc4
#a8bace
#b8c8da
#c8d6e6
#d5e1ef
#dce7f2
#dbe4ef
#ced7e2
#b6c0cb
#99a3b0
#798391
#596473
#3d4958
#273343
#192535

CSS

background: conic-gradient(from 210deg in oklch, oklch(14.17% 0.0248 250.31) 0.0%, oklch(16.20% 0.0277 250.32) 2.6%, oklch(18.70% 0.0322 250.34) 5.1%, oklch(21.67% 0.0376 250.36) 7.7%, oklch(25.09% 0.0432 250.38) 10.3%, oklch(28.96% 0.0484 250.39) 12.8%, oklch(33.27% 0.0525 250.38) 15.4%, oklch(38.02% 0.0549 250.36) 17.9%, oklch(43.23% 0.0549 250.30) 20.5%, oklch(49.87% 0.0519 250.21) 23.1%, oklch(57.89% 0.0464 250.09) 25.6%, oklch(66.61% 0.0393 249.95) 28.2%, oklch(75.38% 0.0316 249.80) 30.8%, oklch(83.51% 0.0241 249.65) 33.3%, oklch(90.33% 0.0178 249.49) 35.9%, oklch(95.17% 0.0136 249.34) 38.5%, oklch(97.36% 0.0123 249.19) 41.0%, oklch(96.63% 0.0138 249.00) 43.6%, oklch(93.65% 0.0173 248.76) 46.2%, oklch(89.21% 0.0222 248.51) 48.7%, oklch(84.09% 0.0276 248.29) 51.3%, oklch(79.06% 0.0328 248.13) 53.8%, oklch(74.91% 0.0371 248.07) 56.4%, oklch(72.41% 0.0396 248.13) 59.0%, oklch(72.30% 0.0398 248.35) 61.5%, oklch(74.49% 0.0380 248.72) 64.1%, oklch(78.22% 0.0349 249.22) 66.7%, oklch(82.65% 0.0309 249.80) 69.2%, oklch(87.01% 0.0267 250.43) 71.8%, oklch(90.46% 0.0227 251.08) 74.4%, oklch(92.22% 0.0197 251.72) 76.9%, oklch(91.47% 0.0180 252.32) 79.5%, oklch(87.44% 0.0181 252.88) 82.1%, oklch(80.35% 0.0194 253.49) 84.6%, oklch(71.13% 0.0217 254.12) 87.2%, oklch(60.72% 0.0245 254.74) 89.7%, oklch(50.06% 0.0275 255.34) 92.3%, oklch(40.09% 0.0304 255.87) 94.9%, oklch(31.75% 0.0329 256.32) 97.4%, oklch(25.98% 0.0344 256.65) 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