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

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

Gradient tuyến tính, 32 màu, góc 135°: #34aacb, #7862e3, #d141c9, #c95e93, #57a67a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#34aacb
#2ea5cf
#2e9cd3
#3790d7
#4485db
#517cde
#5e73e0
#6b6ae2
#7862e3
#845ae2
#9254e1
#9f4ee0
#ac49de
#b845d9
#c242d4
#ca41ce
#d141c9
#d643c3
#d945bc
#d948b6
#d64bb1
#d34faa
#d055a0
#c95e93
#bc6989
#ad7481
#a17b7c
#9c8078
#9e856c
#958f5f
#799d66
#57a67a

CSS

background: linear-gradient(135deg in oklch, oklch(68.90% 0.1116 220.78) 0.0%, oklch(67.55% 0.1176 227.09) 3.2%, oklch(65.59% 0.1260 236.14) 6.5%, oklch(63.46% 0.1359 246.36) 9.7%, oklch(61.62% 0.1460 256.18) 12.9%, oklch(60.38% 0.1558 264.46) 16.1%, oklch(59.44% 0.1663 272.23) 19.4%, oklch(58.77% 0.1770 279.67) 22.6%, oklch(58.38% 0.1875 286.79) 25.8%, oklch(58.27% 0.1970 293.59) 29.0%, oklch(58.59% 0.2064 300.14) 32.3%, oklch(59.25% 0.2155 306.41) 35.5%, oklch(60.06% 0.2235 312.27) 38.7%, oklch(60.84% 0.2291 317.64) 41.9%, oklch(61.51% 0.2318 322.39) 45.2%, oklch(62.25% 0.2325 326.59) 48.4%, oklch(62.97% 0.2310 330.32) 51.6%, oklch(63.54% 0.2273 333.70) 54.8%, oklch(63.83% 0.2213 336.77) 58.1%, oklch(63.81% 0.2141 338.61) 61.3%, oklch(63.59% 0.2049 339.90) 64.5%, oklch(63.28% 0.1924 341.86) 67.7%, oklch(63.02% 0.1752 345.75) 71.0%, oklch(62.77% 0.1486 351.07) 74.2%, oklch(62.42% 0.1120 356.64) 77.4%, oklch(62.14% 0.0748 4.53) 80.6%, oklch(62.08% 0.0468 16.85) 83.9%, oklch(62.42% 0.0372 36.34) 87.1%, oklch(63.26% 0.0467 66.85) 90.3%, oklch(64.37% 0.0666 102.37) 93.5%, oklch(65.43% 0.0881 135.21) 96.8%, oklch(66.14% 0.1020 157.73) 100.0%);

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

Cúc châu Phi trong gió biển

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