Tím, cam và xanh lá (ba tông) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #7b4f9d, #bb546c, #df8140, #d1b03b, #96c85f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#7b4f9d
#824f9b
#894e98
#924e92
#9c4d8c
#a54e84
#ad4f7c
#b55173
#bb546c
#c15766
#c75c61
#cd625b
#d36756
#d76e51
#db744b
#de7b46
#df8140
#e0883a
#df9036
#de9734
#dc9e34
#d9a535
#d5ab38
#d1b03b
#cbb53f
#c5b942
#bdbd47
#b4c04b
#acc351
#a3c556
#9cc75b
#96c85f

CSS

background: linear-gradient(90deg in oklch, oklch(51.18% 0.1268 308.67) 0.0%, oklch(51.69% 0.1275 313.33) 3.2%, oklch(52.33% 0.1284 319.66) 6.5%, oklch(53.09% 0.1295 327.19) 9.7%, oklch(53.95% 0.1307 335.49) 12.9%, oklch(54.91% 0.1320 344.11) 16.1%, oklch(55.94% 0.1332 352.58) 19.4%, oklch(57.03% 0.1343 0.47) 22.6%, oklch(58.17% 0.1353 7.36) 25.8%, oklch(59.44% 0.1362 13.61) 29.0%, oklch(60.85% 0.1371 19.55) 32.3%, oklch(62.35% 0.1380 25.25) 35.5%, oklch(63.89% 0.1389 30.78) 38.7%, oklch(65.42% 0.1396 36.25) 41.9%, oklch(66.90% 0.1401 41.72) 45.2%, oklch(68.27% 0.1405 47.28) 48.4%, oklch(69.51% 0.1405 53.00) 51.6%, oklch(70.73% 0.1402 58.84) 54.8%, oklch(71.92% 0.1394 64.74) 58.1%, oklch(73.06% 0.1386 70.64) 61.3%, oklch(74.13% 0.1377 76.49) 64.5%, oklch(75.10% 0.1369 82.24) 67.7%, oklch(75.94% 0.1364 87.82) 71.0%, oklch(76.63% 0.1363 93.20) 74.2%, oklch(77.13% 0.1368 98.47) 77.4%, oklch(77.44% 0.1379 103.90) 80.6%, oklch(77.61% 0.1392 109.34) 83.9%, oklch(77.66% 0.1408 114.60) 87.1%, oklch(77.64% 0.1424 119.53) 90.3%, oklch(77.59% 0.1439 123.92) 93.5%, oklch(77.55% 0.1452 127.62) 96.8%, oklch(77.56% 0.1461 130.43) 100.0%);

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

Đám cưới vườn mùa xuâ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