Cam, vàng và xanh cổ vịt (ba tông) tông rực rỡ (gradient tuyến tính)

Bảng màu Cam, vàng và xanh cổ vịt (ba tông) tông rực rỡ

Gradient tuyến tính, 32 màu, góc 165°: #ff7a24, #ffcb3b, #f2ee64, #83dc6b, #26bfbf. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#ff7a24
#ff8224
#ff8c26
#ff9829
#ffa42e
#ffaf33
#ffba37
#ffc43a
#ffcb3b
#fed244
#ffd94c
#ffde56
#ffe35f
#ffe761
#fdeb61
#f9ed63
#f2ee64
#e8ee63
#dbec60
#cde95d
#bce65c
#aae25e
#97df63
#83dc6b
#6eda77
#56d886
#3cd495
#23d0a2
#0fccae
#10c7b6
#1dc3bc
#26bfbf

CSS

background: linear-gradient(165deg in oklch, oklch(72.44% 0.1847 47.81) 0.0%, oklch(73.59% 0.1794 51.09) 3.2%, oklch(75.19% 0.1730 55.62) 6.5%, oklch(77.10% 0.1668 61.03) 9.7%, oklch(79.18% 0.1617 66.93) 12.9%, oklch(81.29% 0.1585 72.94) 16.1%, oklch(83.32% 0.1574 78.67) 19.4%, oklch(85.11% 0.1585 83.76) 22.6%, oklch(86.55% 0.1608 87.82) 25.8%, oklch(87.90% 0.1592 90.95) 29.0%, oklch(89.24% 0.1579 93.43) 32.3%, oklch(90.47% 0.1548 95.50) 35.5%, oklch(91.54% 0.1518 97.39) 38.7%, oklch(92.37% 0.1539 99.34) 41.9%, oklch(92.89% 0.1564 101.56) 45.2%, oklch(93.02% 0.1568 104.30) 48.4%, oklch(92.67% 0.1577 107.70) 51.6%, oklch(91.73% 0.1598 111.40) 54.8%, oklch(90.33% 0.1630 115.34) 58.1%, oklch(88.62% 0.1665 119.54) 61.3%, oklch(86.72% 0.1698 124.03) 64.5%, oklch(84.80% 0.1723 128.82) 67.7%, oklch(82.99% 0.1735 133.93) 71.0%, oklch(81.43% 0.1728 139.39) 74.2%, oklch(80.15% 0.1695 145.50) 77.4%, oklch(78.90% 0.1637 152.75) 80.6%, oklch(77.70% 0.1561 160.71) 83.9%, oklch(76.56% 0.1474 168.91) 87.1%, oklch(75.52% 0.1386 176.88) 90.3%, oklch(74.60% 0.1303 184.15) 93.5%, oklch(73.83% 0.1233 190.25) 96.8%, oklch(73.23% 0.1185 194.70) 100.0%);

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

Gradient tươi sáng Gradient xanh lá

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