Xanh hải quân, tím, xanh dương và xanh cổ vịt (gradient xuyên tâm)

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

Gradient xuyên tâm, 32 màu: #11132d, #2d2f8c, #8d21c1, #9856f8, #08c7b0. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#11132d
#131533
#16183c
#191b47
#1c1f53
#202361
#23276f
#282b7e
#2d2f8c
#32339a
#3935a6
#4236b0
#4f35b8
#5e32be
#6e2ec2
#7e28c3
#8d21c1
#9b1bbf
#a618be
#ae1abf
#b222c6
#b130d2
#a942e5
#9856f8
#7e6fff
#5d86ff
#1a99ff
#00a8e4
#00b3d2
#00bbc5
#00c2ba
#08c7b0

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(20.08% 0.0510 277.73) 0.0%, oklch(21.35% 0.0585 277.56) 3.2%, oklch(23.00% 0.0685 277.10) 6.5%, oklch(24.97% 0.0803 276.47) 9.7%, oklch(27.18% 0.0936 275.79) 12.9%, oklch(29.54% 0.1078 275.18) 16.1%, oklch(31.99% 0.1224 274.75) 19.4%, oklch(34.45% 0.1369 274.61) 22.6%, oklch(36.84% 0.1507 274.87) 25.8%, oklch(39.09% 0.1634 275.67) 29.0%, oklch(41.12% 0.1745 277.10) 32.3%, oklch(42.90% 0.1841 279.62) 35.5%, oklch(44.54% 0.1938 284.14) 38.7%, oklch(46.09% 0.2035 290.13) 41.9%, oklch(47.57% 0.2129 296.99) 45.2%, oklch(48.98% 0.2216 304.12) 48.4%, oklch(50.37% 0.2294 310.89) 51.6%, oklch(51.75% 0.2359 316.71) 54.8%, oklch(53.14% 0.2409 320.96) 58.1%, oklch(54.57% 0.2439 323.04) 61.3%, oklch(56.05% 0.2447 322.33) 64.5%, oklch(57.62% 0.2430 318.18) 67.7%, oklch(59.35% 0.2375 309.89) 71.0%, oklch(61.21% 0.2288 298.05) 74.2%, oklch(63.14% 0.2056 283.54) 77.4%, oklch(65.10% 0.1852 267.23) 80.6%, oklch(67.02% 0.1817 250.00) 83.9%, oklch(68.87% 0.1418 232.72) 87.1%, oklch(70.59% 0.1255 216.25) 90.3%, oklch(72.12% 0.1227 201.48) 93.5%, oklch(73.41% 0.1271 189.27) 96.8%, oklch(74.41% 0.1337 180.51) 100.0%);

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

Gradient Cyber Monday

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