Cầu vồng từ xanh hải quân sang cam (gradient hình nón)

Bảng màu Cầu vồng từ xanh hải quân sang cam

Gradient hình nón, 32 màu, góc 315°: #03021e, #3b30cb, #10c8ff, #92f17f, #ff2767. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#03021e
#050329
#090638
#10094b
#190e62
#22147b
#2c1b95
#3424b1
#3b30cb
#3d3de3
#374df8
#2964ff
#177bff
#0090ff
#00a5fe
#00b7ff
#10c8ff
#05d8ff
#00e6fc
#00f2f3
#00fbe5
#35ffce
#66fcac
#92f17f
#bae042
#d9c800
#e9b000
#f49600
#ff7806
#ff5f3b
#ff4454
#ff2767

CSS

background: conic-gradient(from 315deg in oklch, oklch(12.20% 0.0634 274.92) 0.0%, oklch(14.62% 0.0754 274.86) 3.2%, oklch(17.75% 0.0924 275.23) 6.5%, oklch(21.46% 0.1129 275.84) 9.7%, oklch(25.61% 0.1358 276.48) 12.9%, oklch(30.09% 0.1598 276.93) 16.1%, oklch(34.75% 0.1836 276.98) 19.4%, oklch(39.47% 0.2059 276.43) 22.6%, oklch(44.12% 0.2255 275.06) 25.8%, oklch(48.56% 0.2411 272.67) 29.0%, oklch(52.66% 0.2515 269.04) 32.3%, oklch(56.52% 0.2387 264.12) 35.5%, oklch(60.66% 0.2148 258.27) 38.7%, oklch(65.01% 0.1922 251.59) 41.9%, oklch(69.41% 0.1714 244.07) 45.2%, oklch(73.71% 0.1581 235.77) 48.4%, oklch(77.78% 0.1479 226.71) 51.6%, oklch(81.47% 0.1450 216.94) 54.8%, oklch(84.63% 0.1450 206.51) 58.1%, oklch(87.12% 0.1486 195.41) 61.3%, oklch(88.79% 0.1575 183.71) 64.5%, oklch(89.47% 0.1657 171.31) 67.7%, oklch(88.97% 0.1704 156.78) 71.0%, oklch(87.43% 0.1756 140.23) 74.2%, oklch(85.07% 0.1829 122.30) 77.4%, oklch(82.12% 0.1731 103.61) 80.6%, oklch(78.81% 0.1616 84.82) 83.9%, oklch(75.38% 0.1671 66.57) 87.1%, oklch(72.05% 0.1903 49.52) 90.3%, oklch(69.05% 0.2014 34.27) 93.5%, oklch(66.61% 0.2214 21.48) 96.8%, oklch(64.96% 0.2425 11.79) 100.0%);

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

Glitchy glam

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