Cam, đỏ, xanh cổ vịt và xanh lá (gradient tuyến tính)

Bảng màu Cam, đỏ, xanh cổ vịt và xanh lá

Gradient tuyến tính, 32 màu, góc 135°: #f3a63b, #f05655, #51802c, #348f93, #f4d85a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f3a63b
#f4a138
#f69835
#f98e37
#fa823c
#fa7545
#f8694d
#f55f53
#f05655
#eb4f51
#e64c45
#df4e2b
#cc5b00
#b06a00
#967300
#797a00
#51802c
#278152
#007f6b
#097c7a
#207b83
#2b7e89
#31848f
#348f93
#3a9c95
#47aa93
#60b88c
#80c380
#a3cc72
#c5d265
#e1d55d
#f4d85a

CSS

background: linear-gradient(135deg in oklch, oklch(78.35% 0.1474 71.02) 0.0%, oklch(77.41% 0.1505 67.66) 3.2%, oklch(76.18% 0.1553 62.16) 6.5%, oklch(74.70% 0.1613 55.23) 9.7%, oklch(73.05% 0.1679 47.58) 12.9%, oklch(71.29% 0.1746 39.94) 16.1%, oklch(69.48% 0.1809 33.02) 19.4%, oklch(67.68% 0.1862 27.52) 22.6%, oklch(65.96% 0.1900 24.18) 25.8%, oklch(64.38% 0.1918 23.70) 29.0%, oklch(63.00% 0.1911 26.79) 32.3%, oklch(61.77% 0.1870 34.60) 35.5%, oklch(60.38% 0.1641 48.15) 38.7%, oklch(58.89% 0.1308 66.27) 41.9%, oklch(57.40% 0.1174 87.55) 45.2%, oklch(56.00% 0.1227 110.59) 48.4%, oklch(54.79% 0.1263 133.99) 51.6%, oklch(53.85% 0.1122 156.38) 54.8%, oklch(53.29% 0.0993 176.35) 58.1%, oklch(53.19% 0.0894 192.55) 61.3%, oklch(53.66% 0.0824 203.56) 64.5%, oklch(54.80% 0.0794 208.08) 67.7%, oklch(56.88% 0.0803 206.39) 71.0%, oklch(59.79% 0.0842 199.69) 74.2%, oklch(63.33% 0.0905 189.06) 77.4%, oklch(67.28% 0.0986 175.61) 80.6%, oklch(71.44% 0.1077 160.41) 83.9%, oklch(75.61% 0.1172 144.56) 87.1%, oklch(79.57% 0.1264 129.14) 90.3%, oklch(83.13% 0.1348 115.24) 93.5%, oklch(86.07% 0.1415 103.96) 96.8%, oklch(88.19% 0.1461 96.38) 100.0%);

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

Tuổi thơ hoài niệm

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