Đen, xanh dương và tím (gradient xuyên tâm)

Đen, xanh dương và tím: bảng màu gồm 32 màu. #02030c, #195181, #213f86, #452776, #b85ea8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 4 keyframe OKLCH chỉnh sửa được.

#02030c
#030613
#060c1e
#0b152c
#10203c
#152c4e
#183960
#194671
#195181
#185a8e
#176098
#17629d
#17609e
#195b9b
#1b5396
#1e498e
#213f86
#23367d
#262d76
#282670
#2c216d
#32206d
#3a2271
#452776
#532d7d
#623485
#733c8d
#844495
#944c9c
#a354a1
#af5aa5
#b85ea8

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(10.24% 0.0276 272.11) 0.0%, oklch(12.63% 0.0329 270.38) 3.2%, oklch(15.99% 0.0400 267.82) 6.5%, oklch(20.07% 0.0487 264.67) 9.7%, oklch(24.61% 0.0583 261.18) 12.9%, oklch(29.37% 0.0685 257.58) 16.1%, oklch(34.09% 0.0789 254.12) 19.4%, oklch(38.53% 0.0889 251.05) 22.6%, oklch(42.43% 0.0982 248.61) 25.8%, oklch(45.54% 0.1062 247.05) 29.0%, oklch(47.61% 0.1127 246.60) 32.3%, oklch(48.41% 0.1172 247.43) 35.5%, oklch(47.94% 0.1203 249.29) 38.7%, oklch(46.48% 0.1223 252.02) 41.9%, oklch(44.29% 0.1234 255.47) 45.2%, oklch(41.66% 0.1239 259.50) 48.4%, oklch(38.85% 0.1239 263.94) 51.6%, oklch(36.14% 0.1237 268.65) 54.8%, oklch(33.81% 0.1236 273.49) 58.1%, oklch(32.12% 0.1238 278.30) 61.3%, oklch(31.36% 0.1245 282.93) 64.5%, oklch(31.77% 0.1259 287.30) 67.7%, oklch(33.30% 0.1279 292.01) 71.0%, oklch(35.70% 0.1301 297.14) 74.2%, oklch(38.76% 0.1325 302.54) 77.4%, oklch(42.29% 0.1350 308.04) 80.6%, oklch(46.06% 0.1375 313.49) 83.9%, oklch(49.88% 0.1400 318.74) 87.1%, oklch(53.53% 0.1423 323.61) 90.3%, oklch(56.81% 0.1444 327.97) 93.5%, oklch(59.51% 0.1461 331.63) 96.8%, oklch(61.42% 0.1474 334.46) 100.0%);

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

Gradient thiên hà

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