Xanh cổ vịt, đỏ và cam tông rực rỡ (gradient tuyến tính)

Bảng màu Xanh cổ vịt, đỏ và cam tông rực rỡ

Gradient tuyến tính, 32 màu, góc 45°: #3baea6, #937e00, #b9334e, #d6405c, #fa613a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3baea6
#3aad9c
#3dab8f
#46a77f
#53a36a
#649c53
#759438
#868a12
#937e00
#9c7300
#a46800
#ad5c00
#b74c02
#b84225
#b93b37
#b93644
#b9334e
#ba3355
#bd335a
#c0345d
#c5365f
#ca395f
#d03c5e
#d6405c
#dc4458
#e24954
#e84e4f
#ed524a
#f15745
#f55b40
#f85f3c
#fa613a

CSS

background: linear-gradient(45deg in oklch, oklch(68.50% 0.1020 188.44) 0.0%, oklch(67.89% 0.1044 181.81) 3.2%, oklch(67.05% 0.1075 173.25) 6.5%, oklch(66.03% 0.1112 163.05) 9.7%, oklch(64.87% 0.1153 151.49) 12.9%, oklch(63.61% 0.1198 138.88) 16.1%, oklch(62.27% 0.1245 125.50) 19.4%, oklch(60.90% 0.1295 111.65) 22.6%, oklch(59.53% 0.1229 97.60) 25.8%, oklch(58.20% 0.1195 83.67) 29.0%, oklch(56.95% 0.1233 70.15) 32.3%, oklch(55.82% 0.1346 57.33) 35.5%, oklch(54.84% 0.1545 45.54) 38.7%, oklch(54.05% 0.1589 35.00) 41.9%, oklch(53.49% 0.1630 26.03) 45.2%, oklch(53.19% 0.1665 18.94) 48.4%, oklch(53.19% 0.1696 13.92) 51.6%, oklch(53.49% 0.1724 10.56) 54.8%, oklch(54.05% 0.1750 8.61) 58.1%, oklch(54.84% 0.1775 7.91) 61.3%, oklch(55.82% 0.1798 8.29) 64.5%, oklch(56.95% 0.1819 9.58) 67.7%, oklch(58.20% 0.1838 11.61) 71.0%, oklch(59.53% 0.1856 14.21) 74.2%, oklch(60.90% 0.1873 17.21) 77.4%, oklch(62.27% 0.1888 20.45) 80.6%, oklch(63.61% 0.1902 23.74) 83.9%, oklch(64.87% 0.1915 26.93) 87.1%, oklch(66.03% 0.1927 29.83) 90.3%, oklch(67.05% 0.1937 32.30) 93.5%, oklch(67.89% 0.1947 34.15) 96.8%, oklch(68.50% 0.1957 35.21) 100.0%);

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

Bảng màu san 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