Xanh hải quân, xanh cổ vịt, xanh dương và hồng (gradient hình nón)

Bảng màu Xanh hải quân, xanh cổ vịt, xanh dương và hồng

Gradient hình nón, 32 màu, góc 315°: #001228, #007a87, #007ec1, #8838da, #e342aa. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#001228
#00192f
#002239
#002e45
#003c53
#004c60
#005c6e
#006b7b
#007a87
#008691
#008f9a
#0093a1
#0094a8
#0092ad
#008db2
#0086b9
#007ec1
#0072d2
#1b5eef
#4451eb
#5a46e7
#6a3fe3
#793bdf
#8838da
#9737d4
#a537ce
#b338c8
#c03ac1
#cb3cbb
#d53eb5
#dd40af
#e342aa

CSS

background: conic-gradient(from 315deg in oklch, oklch(18.14% 0.0525 250.82) 0.0%, oklch(20.73% 0.0552 247.53) 3.2%, oklch(24.33% 0.0585 242.70) 6.5%, oklch(28.67% 0.0624 236.82) 9.7%, oklch(33.52% 0.0670 230.33) 12.9%, oklch(38.62% 0.0723 223.70) 16.1%, oklch(43.72% 0.0783 217.38) 19.4%, oklch(48.58% 0.0846 211.84) 22.6%, oklch(52.96% 0.0909 207.53) 25.8%, oklch(56.59% 0.0966 204.92) 29.0%, oklch(59.23% 0.1011 204.47) 32.3%, oklch(60.70% 0.1040 206.55) 35.5%, oklch(61.17% 0.1061 210.92) 38.7%, oklch(60.84% 0.1088 217.17) 41.9%, oklch(59.90% 0.1134 224.91) 45.2%, oklch(58.53% 0.1221 233.74) 48.4%, oklch(56.94% 0.1384 243.26) 51.6%, oklch(55.30% 0.1709 253.08) 54.8%, oklch(53.80% 0.2278 262.78) 58.1%, oklch(52.64% 0.2287 272.00) 61.3%, oklch(52.01% 0.2295 280.33) 64.5%, oklch(52.07% 0.2304 287.46) 67.7%, oklch(52.65% 0.2308 294.38) 71.0%, oklch(53.61% 0.2305 301.33) 74.2%, oklch(54.85% 0.2296 308.23) 77.4%, oklch(56.29% 0.2284 314.94) 80.6%, oklch(57.84% 0.2269 321.37) 83.9%, oklch(59.41% 0.2253 327.40) 87.1%, oklch(60.92% 0.2238 332.94) 90.3%, oklch(62.28% 0.2223 337.86) 93.5%, oklch(63.39% 0.2212 342.05) 96.8%, oklch(64.17% 0.2205 345.42) 100.0%);

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

Gradient cyberpunk

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