Xanh dương, xanh cổ vịt và xanh lá tông neon (gradient tuyến tính)

Bảng màu Xanh dương, xanh cổ vịt và xanh lá tông neon

Gradient tuyến tính, 32 màu, góc 270°: #7e2cff, #2d65d6, #31c173, #37fa00, #43f600. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#7e2cff
#772eff
#6d2fff
#6232fe
#5438fc
#4541f7
#384df0
#305ae3
#2d65d6
#2b70ca
#247ac2
#0085bc
#0092b0
#009ea4
#00ab97
#00b884
#31c173
#3bcb63
#36d752
#21e33f
#00ec2c
#11f300
#32f700
#37fa00
#32fd00
#2cfe00
#32ff0e
#34ff00
#39fd00
#3efa00
#41f800
#43f600

CSS

background: linear-gradient(270deg in oklch, oklch(54.72% 0.2756 291.80) 0.0%, oklch(54.18% 0.2746 289.44) 3.2%, oklch(53.34% 0.2743 286.20) 6.5%, oklch(52.44% 0.2728 282.32) 9.7%, oklch(51.76% 0.2681 278.02) 12.9%, oklch(51.55% 0.2585 273.53) 16.1%, oklch(51.89% 0.2406 269.47) 19.4%, oklch(52.57% 0.2140 266.05) 22.6%, oklch(53.58% 0.1841 262.20) 25.8%, oklch(54.89% 0.1564 256.80) 29.0%, oklch(56.49% 0.1363 248.76) 32.3%, oklch(58.44% 0.1267 236.52) 35.5%, oklch(60.85% 0.1102 219.24) 38.7%, oklch(63.57% 0.1081 199.59) 41.9%, oklch(66.41% 0.1202 180.39) 45.2%, oklch(69.18% 0.1465 164.48) 48.4%, oklch(71.76% 0.1645 154.25) 51.6%, oklch(74.45% 0.1888 148.43) 54.8%, oklch(77.14% 0.2182 145.52) 58.1%, oklch(79.68% 0.2477 144.32) 61.3%, oklch(81.88% 0.2688 143.60) 64.5%, oklch(83.58% 0.2832 142.31) 67.7%, oklch(84.85% 0.2821 141.48) 71.0%, oklch(85.77% 0.2841 141.32) 74.2%, oklch(86.40% 0.2875 141.52) 77.4%, oklch(86.80% 0.2904 141.75) 80.6%, oklch(87.03% 0.2883 141.70) 83.9%, oklch(86.92% 0.2890 141.48) 87.1%, oklch(86.50% 0.2861 141.24) 90.3%, oklch(85.93% 0.2828 141.02) 93.5%, oklch(85.39% 0.2798 140.82) 96.8%, oklch(85.04% 0.2778 140.69) 100.0%);

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

Gradient mùa 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