Xanh hải quân, tím, hồng và hồng cá hồi (gradient tuyến tính)

Bảng màu Xanh hải quân, tím, hồng và hồng cá hồi

Gradient tuyến tính, 32 màu, góc 54°: #090622, #311271, #9423ea, #fb30b9, #ff6b3b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#090622
#0b0727
#0e082e
#120937
#170b41
#1d0c4c
#230e58
#2a1064
#311271
#3a1480
#441691
#4f19a4
#5c1bb6
#691ec8
#7620d8
#8522e3
#9423ea
#a424ed
#b526eb
#c627e6
#d529de
#e42bd3
#f12dc6
#fb30b9
#ff40a9
#ff4f98
#ff5988
#ff5f78
#ff6368
#ff6658
#ff6948
#ff6b3b

CSS

background: linear-gradient(54deg in oklch, oklch(14.96% 0.0579 282.66) 0.0%, oklch(16.06% 0.0646 283.12) 3.2%, oklch(17.45% 0.0734 283.69) 6.5%, oklch(19.11% 0.0838 284.36) 9.7%, oklch(20.99% 0.0955 285.14) 12.9%, oklch(23.07% 0.1081 286.02) 16.1%, oklch(25.31% 0.1213 287.01) 19.4%, oklch(27.68% 0.1347 288.11) 22.6%, oklch(30.16% 0.1481 289.29) 25.8%, oklch(32.97% 0.1632 290.33) 29.0%, oklch(36.10% 0.1801 291.24) 32.3%, oklch(39.43% 0.1978 292.19) 35.5%, oklch(42.84% 0.2154 293.37) 38.7%, oklch(46.19% 0.2318 294.94) 41.9%, oklch(49.37% 0.2462 297.07) 45.2%, oklch(52.25% 0.2576 299.92) 48.4%, oklch(54.76% 0.2651 303.67) 51.6%, oklch(57.08% 0.2698 308.33) 54.8%, oklch(59.25% 0.2720 313.73) 58.1%, oklch(61.25% 0.2723 319.68) 61.3%, oklch(63.08% 0.2708 326.02) 64.5%, oklch(64.73% 0.2681 332.56) 67.7%, oklch(66.19% 0.2644 339.13) 71.0%, oklch(67.44% 0.2602 345.56) 74.2%, oklch(68.44% 0.2414 352.03) 77.4%, oklch(69.16% 0.2189 359.21) 80.6%, oklch(69.65% 0.2037 6.79) 83.9%, oklch(69.95% 0.1945 14.39) 87.1%, oklch(70.13% 0.1901 21.65) 90.3%, oklch(70.24% 0.1891 28.22) 93.5%, oklch(70.33% 0.1901 33.74) 96.8%, oklch(70.47% 0.1914 37.84) 100.0%);

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

Gradient neon

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