Trắng, be và cam (tương đồng) (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 90°: #ffffff, #fffdb7, #fcfc5e, #fdbb25, #fe760c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ffffff
#fffffa
#fefff3
#feffea
#feffe1
#fefed6
#fefecc
#fefec1
#fffdb7
#fffeaf
#ffffa6
#fdffb5
#fcffbf
#fbffc0
#faffb4
#faff8c
#fcfc5e
#fdf552
#feec47
#ffe33d
#ffd836
#fece30
#fdc42b
#fdbb25
#fdb21b
#fda90d
#fe9f00
#fe9600
#fe8c00
#fe8400
#ff7c02
#fe760c

CSS

background: linear-gradient(90deg in oklch, oklch(100.00% 0.0000 89.88) 0.0%, oklch(99.83% 0.0064 110.60) 3.2%, oklch(99.61% 0.0157 110.08) 6.5%, oklch(99.34% 0.0268 109.43) 9.7%, oklch(99.05% 0.0388 108.69) 12.9%, oklch(98.75% 0.0515 107.99) 16.1%, oklch(98.46% 0.0644 107.40) 19.4%, oklch(98.20% 0.0767 107.00) 22.6%, oklch(97.99% 0.0883 106.87) 25.8%, oklch(97.94% 0.0988 107.32) 29.0%, oklch(98.02% 0.1104 108.23) 32.3%, oklch(98.14% 0.0931 109.34) 35.5%, oklch(98.22% 0.0814 110.41) 38.7%, oklch(98.16% 0.0803 111.17) 41.9%, oklch(97.88% 0.0944 111.37) 45.2%, oklch(97.29% 0.1385 110.74) 48.4%, oklch(96.30% 0.1743 109.06) 51.6%, oklch(94.88% 0.1761 106.40) 54.8%, oklch(93.13% 0.1754 102.99) 58.1%, oklch(91.16% 0.1730 99.02) 61.3%, oklch(89.06% 0.1699 94.68) 64.5%, oklch(86.95% 0.1667 90.17) 67.7%, oklch(84.93% 0.1644 85.70) 71.0%, oklch(83.09% 0.1638 81.45) 74.2%, oklch(81.44% 0.1653 77.33) 77.4%, oklch(79.76% 0.1681 72.81) 80.6%, oklch(78.09% 0.1713 68.06) 83.9%, oklch(76.47% 0.1740 63.32) 87.1%, oklch(74.98% 0.1780 58.80) 90.3%, oklch(73.64% 0.1830 54.71) 93.5%, oklch(72.51% 0.1878 51.30) 96.8%, oklch(71.65% 0.1902 48.75) 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