Cam, đỏ nâu và nâu tông rực rỡ (gradient xuyên tâm)

Cam, đỏ nâu và nâu tông rực rỡ: bảng màu gồm 64 màu. #f36223, #710a05, #b65800, #f9ab21, #b26e01. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

64 màu, 4 keyframe OKLCH chỉnh sửa được.

#f36223
#ee5f22
#e95c21
#e25720
#db521f
#d24c1e
#c9461c
#c0401a
#b63918
#ac3316
#a22c14
#992611
#8f200f
#871a0c
#7e1409
#770f07
#710a05
#6b0604
#670302
#640201
#620301
#620400
#640700
#670d00
#6c1300
#721a00
#7a2100
#822900
#8c3100
#963a00
#a04400
#ab4e00
#b65800
#c06302
#cb6d03
#d57706
#de810a
#e68b0e
#ed9312
#f49b16
#f9a219
#fca71c
#ffab1e
#ffad23
#ffae22
#feae21
#fcad21
#f9ab21
#f6a920
#f2a51f
#eda21d
#e89e1b
#e39919
#de9417
#d88f14
#d38b12
#cd860f
#c8810c
#c37d09
#bf7907
#ba7505
#b77203
#b47002
#b26e01

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(67.32% 0.1915 40.78) 0.0%, oklch(66.30% 0.1897 40.45) 1.6%, oklch(64.96% 0.1874 39.97) 3.2%, oklch(63.34% 0.1846 39.36) 4.8%, oklch(61.49% 0.1815 38.65) 6.3%, oklch(59.44% 0.1781 37.85) 7.9%, oklch(57.23% 0.1744 36.99) 9.5%, oklch(54.90% 0.1705 36.08) 11.1%, oklch(52.49% 0.1664 35.15) 12.7%, oklch(50.03% 0.1622 34.22) 14.3%, oklch(47.58% 0.1581 33.30) 15.9%, oklch(45.15% 0.1539 32.42) 17.5%, oklch(42.81% 0.1498 31.60) 19.0%, oklch(40.58% 0.1458 30.86) 20.6%, oklch(38.50% 0.1420 30.21) 22.2%, oklch(36.61% 0.1385 29.69) 23.8%, oklch(34.95% 0.1352 29.31) 25.4%, oklch(33.56% 0.1323 29.08) 27.0%, oklch(32.49% 0.1299 29.04) 28.6%, oklch(31.76% 0.1278 29.20) 30.2%, oklch(31.41% 0.1263 29.59) 31.7%, oklch(31.50% 0.1254 30.21) 33.3%, oklch(32.07% 0.1250 30.99) 34.9%, oklch(33.13% 0.1248 32.24) 36.5%, oklch(34.64% 0.1253 33.77) 38.1%, oklch(36.53% 0.1265 35.54) 39.7%, oklch(38.77% 0.1282 37.54) 41.3%, oklch(41.30% 0.1304 39.72) 42.9%, oklch(44.07% 0.1329 42.05) 44.4%, oklch(47.03% 0.1356 44.49) 46.0%, oklch(50.13% 0.1386 47.03) 47.6%, oklch(53.33% 0.1418 49.61) 49.2%, oklch(56.57% 0.1449 52.25) 50.8%, oklch(59.80% 0.1479 54.85) 52.4%, oklch(62.97% 0.1508 57.40) 54.0%, oklch(66.04% 0.1536 59.88) 55.6%, oklch(68.95% 0.1563 62.26) 57.1%, oklch(71.65% 0.1587 64.49) 58.7%, oklch(74.10% 0.1608 66.56) 60.3%, oklch(76.24% 0.1626 68.42) 61.9%, oklch(78.02% 0.1640 70.05) 63.5%, oklch(79.40% 0.1649 71.42) 65.1%, oklch(80.31% 0.1654 72.48) 66.7%, oklch(80.81% 0.1642 73.29) 68.3%, oklch(80.98% 0.1644 73.88) 69.8%, oklch(80.85% 0.1640 74.28) 71.4%, oklch(80.44% 0.1629 74.52) 73.0%, oklch(79.79% 0.1616 74.60) 74.6%, oklch(78.92% 0.1599 74.54) 76.2%, oklch(77.87% 0.1581 74.36) 77.8%, oklch(76.65% 0.1561 74.08) 79.4%, oklch(75.32% 0.1540 73.70) 81.0%, oklch(73.88% 0.1518 73.26) 82.5%, oklch(72.37% 0.1495 72.75) 84.1%, oklch(70.82% 0.1472 72.21) 85.7%, oklch(69.26% 0.1449 71.65) 87.3%, oklch(67.72% 0.1426 71.07) 88.9%, oklch(66.22% 0.1404 70.51) 90.5%, oklch(64.80% 0.1383 69.98) 92.1%, oklch(63.48% 0.1364 69.48) 93.7%, oklch(62.30% 0.1347 69.05) 95.2%, oklch(61.28% 0.1331 68.69) 96.8%, oklch(60.45% 0.1319 68.42) 98.4%, oklch(59.84% 0.1309 68.26) 100.0%);

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

Gradient cam

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