Xanh dương đậm, xanh dương và xanh dương nhạt tông rực rỡ (gradient hình nón)

Bảng màu Xanh dương đậm, xanh dương và xanh dương nhạt tông rực rỡ

Gradient hình nón, 32 màu, góc 270°: #121571, #1735b3, #0067f7, #399aff, #79bef9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#121571
#131875
#141b7b
#151e83
#16228b
#162694
#172b9e
#1730a8
#1735b3
#173bbd
#1541c8
#1347d2
#114ddb
#0d54e4
#085aec
#0361f2
#0067f7
#006efb
#0276fe
#0c7dff
#1a85ff
#258cff
#2f93ff
#399aff
#42a0ff
#4aa6ff
#54abfe
#5eb0fc
#66b4fb
#6eb8fa
#74bcfa
#79bef9

CSS

background: conic-gradient(from 270deg in oklch, oklch(27.95% 0.1502 270.00) 0.0%, oklch(28.95% 0.1535 269.67) 3.2%, oklch(30.16% 0.1580 269.28) 6.5%, oklch(31.57% 0.1637 268.84) 9.7%, oklch(33.14% 0.1701 268.35) 12.9%, oklch(34.86% 0.1771 267.82) 16.1%, oklch(36.69% 0.1845 267.25) 19.4%, oklch(38.62% 0.1920 266.65) 22.6%, oklch(40.61% 0.1995 266.01) 25.8%, oklch(42.65% 0.2066 265.34) 29.0%, oklch(44.70% 0.2133 264.64) 32.3%, oklch(46.74% 0.2191 263.92) 35.5%, oklch(48.74% 0.2240 263.18) 38.7%, oklch(50.69% 0.2277 262.43) 41.9%, oklch(52.55% 0.2299 261.66) 45.2%, oklch(54.29% 0.2305 260.88) 48.4%, oklch(55.93% 0.2292 260.09) 51.6%, oklch(57.60% 0.2256 259.22) 54.8%, oklch(59.30% 0.2208 258.24) 58.1%, oklch(61.02% 0.2132 257.21) 61.3%, oklch(62.75% 0.2031 256.14) 64.5%, oklch(64.47% 0.1932 255.03) 67.7%, oklch(66.17% 0.1836 253.90) 71.0%, oklch(67.83% 0.1744 252.77) 74.2%, oklch(69.43% 0.1655 251.66) 77.4%, oklch(70.97% 0.1571 250.59) 80.6%, oklch(72.43% 0.1471 249.56) 83.9%, oklch(73.79% 0.1376 248.59) 87.1%, oklch(75.04% 0.1289 247.71) 90.3%, oklch(76.16% 0.1213 246.92) 93.5%, oklch(77.13% 0.1150 246.24) 96.8%, oklch(77.95% 0.1102 245.69) 100.0%);

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

Gradient xanh dương

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