Cam, vàng, xanh lá và xanh dương (gradient tuyến tính)

Bảng màu Cam, vàng, xanh lá và xanh dương

Gradient tuyến tính, 32 màu, góc 45°: #dfa341, #e9d349, #d1e76a, #add697, #7da8bf. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#dfa341
#e1a741
#e3ad40
#e5b440
#e7bb41
#e9c342
#e9c944
#e9ce47
#e9d349
#e8d84c
#e7dc4f
#e5e053
#e2e357
#dee55c
#dae661
#d6e765
#d1e76a
#cce76f
#c6e675
#bfe57c
#bae283
#b6de8a
#b2da90
#add697
#a6d29d
#9dcea3
#91c9aa
#85c3b2
#7dbcb9
#7ab4be
#7badc0
#7da8bf

CSS

background: linear-gradient(45deg in oklch, oklch(75.59% 0.1323 76.64) 0.0%, oklch(76.54% 0.1343 78.68) 3.2%, oklch(77.88% 0.1371 81.52) 6.5%, oklch(79.46% 0.1404 84.87) 9.7%, oklch(81.12% 0.1438 88.45) 12.9%, oklch(82.69% 0.1471 91.96) 16.1%, oklch(84.03% 0.1498 95.10) 19.4%, oklch(85.10% 0.1519 97.79) 22.6%, oklch(86.10% 0.1541 100.30) 25.8%, oklch(87.01% 0.1560 102.69) 29.0%, oklch(87.79% 0.1576 105.00) 32.3%, oklch(88.41% 0.1586 107.27) 35.5%, oklch(88.86% 0.1587 109.54) 38.7%, oklch(89.09% 0.1579 111.79) 41.9%, oklch(89.14% 0.1568 113.87) 45.2%, oklch(89.02% 0.1550 115.86) 48.4%, oklch(88.75% 0.1524 117.89) 51.6%, oklch(88.33% 0.1489 120.07) 54.8%, oklch(87.78% 0.1441 122.54) 58.1%, oklch(87.12% 0.1378 125.26) 61.3%, oklch(86.30% 0.1290 127.38) 64.5%, oklch(85.33% 0.1184 129.26) 67.7%, oklch(84.23% 0.1071 131.59) 71.0%, oklch(83.04% 0.0960 135.06) 74.2%, oklch(81.76% 0.0862 140.36) 77.4%, oklch(80.43% 0.0786 148.23) 80.6%, oklch(78.85% 0.0729 160.26) 83.9%, oklch(77.05% 0.0684 175.55) 87.1%, oklch(75.18% 0.0648 192.25) 90.3%, oklch(73.42% 0.0620 208.47) 93.5%, oklch(71.93% 0.0598 222.34) 96.8%, oklch(70.87% 0.0579 231.98) 100.0%);

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

Gradient vàng và xanh dương

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