Tím, xanh dương và xanh lá tông rực rỡ (gradient tuyến tính)

Bảng màu Tím, xanh dương và xanh lá tông rực rỡ

Gradient tuyến tính, 32 màu, góc 135°: #a42153, #5c18ab, #193bcf, #006fa8, #4aa24b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a42153
#a01d5c
#981a67
#8e1773
#84167f
#7b168a
#711696
#6616a1
#5c18ab
#521ab3
#481cba
#3f1fc1
#3623c6
#2d29ca
#242fcd
#1d35ce
#193bcf
#1441ce
#0a49cb
#0d50c6
#1657bf
#1a5fb8
#1566b1
#006fa8
#00789c
#018093
#1e8689
#298c82
#2a9379
#2e9a6c
#3b9f5b
#4aa24b

CSS

background: linear-gradient(135deg in oklch, oklch(48.03% 0.1695 3.52) 0.0%, oklch(47.23% 0.1714 357.65) 3.2%, oklch(46.06% 0.1739 349.26) 6.5%, oklch(44.79% 0.1772 339.69) 9.7%, oklch(43.68% 0.1813 330.22) 12.9%, oklch(42.90% 0.1863 321.73) 16.1%, oklch(42.28% 0.1927 313.06) 19.4%, oklch(41.80% 0.1998 304.49) 22.6%, oklch(41.48% 0.2068 296.54) 25.8%, oklch(41.33% 0.2130 289.71) 29.0%, oklch(41.36% 0.2194 283.98) 32.3%, oklch(41.56% 0.2259 279.10) 35.5%, oklch(41.91% 0.2312 274.95) 38.7%, oklch(42.37% 0.2340 271.43) 41.9%, oklch(42.94% 0.2340 268.67) 45.2%, oklch(43.67% 0.2320 266.98) 48.4%, oklch(44.50% 0.2277 265.79) 51.6%, oklch(45.40% 0.2206 264.48) 54.8%, oklch(46.33% 0.2101 262.55) 58.1%, oklch(47.29% 0.1944 261.25) 61.3%, oklch(48.30% 0.1753 259.96) 64.5%, oklch(49.40% 0.1557 257.22) 67.7%, oklch(50.60% 0.1385 251.57) 71.0%, oklch(51.97% 0.1224 241.59) 74.2%, oklch(53.48% 0.1041 227.86) 77.4%, oklch(55.05% 0.0960 212.50) 80.6%, oklch(56.62% 0.0888 197.65) 83.9%, oklch(58.13% 0.0901 184.97) 87.1%, oklch(59.76% 0.1022 172.55) 90.3%, oklch(61.38% 0.1202 160.78) 93.5%, oklch(62.79% 0.1382 150.79) 96.8%, oklch(63.78% 0.1502 143.71) 100.0%);

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

Bụi mâm xôi đen

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