Vàng, cam và đỏ (tương đồng) tông rực rỡ (gradient tuyến tính)

Bảng màu Vàng, cam và đỏ (tương đồng) tông rực rỡ

Gradient tuyến tính, 32 màu, góc 270°: #fedf4b, #ffb636, #fd8822, #ee6126, #db2b29. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fedf4b
#ffdc49
#ffd847
#ffd346
#ffcd44
#ffc740
#ffc13c
#ffbb39
#ffb636
#ffb032
#ffab2f
#ffa52c
#ff9f2a
#ff9a27
#ff9423
#fe8e22
#fd8822
#fb8222
#f97d23
#f77723
#f57224
#f26c25
#f06726
#ee6126
#eb5b27
#e95427
#e64d27
#e44627
#e13e28
#df3728
#dd3029
#db2b29

CSS

background: linear-gradient(270deg in oklch, oklch(90.55% 0.1626 97.03) 0.0%, oklch(89.92% 0.1620 95.43) 3.2%, oklch(89.08% 0.1604 93.31) 6.5%, oklch(88.07% 0.1582 90.77) 9.7%, oklch(86.96% 0.1568 87.95) 12.9%, oklch(85.79% 0.1562 84.98) 16.1%, oklch(84.61% 0.1564 81.96) 19.4%, oklch(83.47% 0.1568 79.02) 22.6%, oklch(82.42% 0.1573 76.28) 25.8%, oklch(81.42% 0.1585 73.55) 29.0%, oklch(80.41% 0.1604 70.74) 32.3%, oklch(79.41% 0.1620 67.90) 35.5%, oklch(78.41% 0.1641 65.07) 38.7%, oklch(77.40% 0.1668 62.29) 41.9%, oklch(76.38% 0.1702 59.60) 45.2%, oklch(75.33% 0.1726 57.03) 48.4%, oklch(74.27% 0.1746 54.64) 51.6%, oklch(73.17% 0.1763 52.37) 54.8%, oklch(72.05% 0.1779 50.20) 58.1%, oklch(70.92% 0.1795 48.12) 61.3%, oklch(69.79% 0.1811 46.12) 64.5%, oklch(68.65% 0.1828 44.18) 67.7%, oklch(67.52% 0.1847 42.29) 71.0%, oklch(66.42% 0.1868 40.43) 74.2%, oklch(65.29% 0.1894 38.56) 77.4%, oklch(64.09% 0.1925 36.64) 80.6%, oklch(62.84% 0.1960 34.72) 83.9%, oklch(61.62% 0.1995 32.86) 87.1%, oklch(60.46% 0.2030 31.13) 90.3%, oklch(59.41% 0.2062 29.58) 93.5%, oklch(58.53% 0.2089 28.28) 96.8%, oklch(57.87% 0.2108 27.29) 100.0%);

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

Gradient ba màu

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