Xanh dương, tím, hồng và đỏ tông neon (gradient tuyến tính)

Bảng màu Xanh dương, tím, hồng và đỏ tông neon

Gradient tuyến tính, 32 màu, góc 45°: #0044bb, #5a06ff, #c700ed, #fb039f, #f81c00. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0044bb
#003eca
#0900fa
#1d00fb
#2b00fc
#3700fd
#4300fe
#4f01ff
#5a06ff
#670cff
#7410ff
#8212ff
#910fff
#a101ff
#af00fb
#bc00f5
#c700ed
#d100e5
#db00db
#e301d0
#eb02c4
#f103b8
#f704ac
#fb039f
#ff0091
#ff0e81
#ff126f
#ff0f5d
#ff0449
#fe0033
#fc061a
#f81c00

CSS

background: linear-gradient(45deg in oklch, oklch(43.71% 0.1963 261.59) 0.0%, oklch(44.11% 0.2220 262.99) 3.2%, oklch(44.61% 0.3071 264.70) 6.5%, oklch(45.19% 0.3050 266.77) 9.7%, oklch(45.87% 0.3029 269.14) 12.9%, oklch(46.64% 0.3009 271.81) 16.1%, oklch(47.50% 0.2991 274.77) 19.4%, oklch(48.44% 0.2969 278.00) 22.6%, oklch(49.49% 0.2939 281.49) 25.8%, oklch(50.75% 0.2912 285.41) 29.0%, oklch(52.20% 0.2893 289.75) 32.3%, oklch(53.77% 0.2890 294.40) 35.5%, oklch(55.38% 0.2912 299.27) 38.7%, oklch(56.95% 0.2967 304.25) 41.9%, oklch(58.42% 0.2967 309.23) 45.2%, oklch(59.70% 0.2954 314.13) 48.4%, oklch(60.74% 0.2932 318.87) 51.6%, oklch(61.67% 0.2904 323.60) 54.8%, oklch(62.50% 0.2872 328.37) 58.1%, oklch(63.22% 0.2834 333.15) 61.3%, oklch(63.83% 0.2793 337.94) 64.5%, oklch(64.32% 0.2752 342.73) 67.7%, oklch(64.69% 0.2713 347.52) 71.0%, oklch(64.92% 0.2680 352.31) 74.2%, oklch(64.98% 0.2652 357.24) 77.4%, oklch(64.79% 0.2575 2.58) 80.6%, oklch(64.42% 0.2527 8.12) 83.9%, oklch(63.94% 0.2515 13.63) 87.1%, oklch(63.41% 0.2531 18.86) 90.3%, oklch(62.91% 0.2542 23.58) 93.5%, oklch(62.48% 0.2533 27.52) 96.8%, oklch(62.21% 0.2461 30.47) 100.0%);

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

Sọc màu neon Gradient nhiều màu rực rỡ

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