Đen, đỏ nâu, cam và nâu (gradient tuyến tính)

Gradient tuyến tính, 48 màu, góc 180°: #050203, #800021, #ffb560, #ffb137, #200a06. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#050203
#090303
#0f0304
#160406
#1f0408
#28040a
#33030e
#3e0211
#4a0115
#560018
#63001b
#70001e
#800021
#900023
#a10023
#b30222
#c40e1f
#d41d18
#e22d0b
#ed4000
#f45800
#fc6e00
#ff8726
#ffa046
#ffb560
#ffc678
#ffd48d
#ffdf9d
#ffe4a7
#ffe6a8
#ffe4a3
#ffdf99
#ffd889
#ffce74
#ffc15b
#ffb137
#fca100
#f19300
#e38500
#d27500
#bc6300
#a55000
#8a3f05
#6f300c
#55230d
#3f190b
#2d1008
#200a06

CSS

background: linear-gradient(180deg in oklch, oklch(9.84% 0.0096 14.77) 0.0%, oklch(11.07% 0.0167 14.66) 2.1%, oklch(12.58% 0.0260 14.41) 4.3%, oklch(14.36% 0.0370 14.07) 6.4%, oklch(16.36% 0.0493 13.72) 8.5%, oklch(18.57% 0.0625 13.44) 10.6%, oklch(20.95% 0.0761 13.29) 12.8%, oklch(23.47% 0.0897 13.34) 14.9%, oklch(26.10% 0.1029 13.68) 17.0%, oklch(28.82% 0.1152 14.39) 19.1%, oklch(31.65% 0.1266 15.50) 21.3%, oklch(34.69% 0.1388 16.67) 23.4%, oklch(37.92% 0.1519 18.00) 25.5%, oklch(41.32% 0.1658 19.54) 27.7%, oklch(44.83% 0.1804 21.33) 29.8%, oklch(48.40% 0.1947 23.40) 31.9%, oklch(52.00% 0.2056 25.83) 34.0%, oklch(55.58% 0.2139 28.65) 36.2%, oklch(59.09% 0.2191 31.90) 38.3%, oklch(62.49% 0.2159 35.63) 40.4%, oklch(66.19% 0.2056 40.52) 42.6%, oklch(70.24% 0.1957 46.54) 44.7%, oklch(74.44% 0.1756 53.32) 46.8%, oklch(78.63% 0.1524 60.42) 48.9%, oklch(82.61% 0.1326 67.47) 51.1%, oklch(86.20% 0.1156 74.08) 53.2%, oklch(89.22% 0.1013 79.86) 55.3%, oklch(91.47% 0.0900 84.41) 57.4%, oklch(92.78% 0.0834 87.33) 59.6%, oklch(93.10% 0.0829 88.44) 61.7%, oklch(92.66% 0.0872 88.09) 63.8%, oklch(91.54% 0.0955 86.55) 66.0%, oklch(89.82% 0.1071 84.06) 68.1%, oklch(87.54% 0.1211 80.87) 70.2%, oklch(84.80% 0.1375 77.25) 72.3%, oklch(81.65% 0.1565 73.43) 74.5%, oklch(78.16% 0.1697 69.66) 76.6%, oklch(74.40% 0.1654 66.23) 78.7%, oklch(70.35% 0.1601 63.25) 80.9%, oklch(65.29% 0.1530 60.07) 83.0%, oklch(59.31% 0.1442 56.58) 85.1%, oklch(52.72% 0.1340 52.92) 87.2%, oklch(45.85% 0.1199 49.28) 89.4%, oklch(39.00% 0.1004 45.69) 91.5%, oklch(32.48% 0.0814 42.32) 93.6%, oklch(26.62% 0.0642 39.30) 95.7%, oklch(21.72% 0.0500 36.77) 97.9%, oklch(18.11% 0.0400 34.84) 100.0%);

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

Gradient lửa

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