Nâu vàng, cam, đỏ và nâu (tương đồng) (gradient xuyên tâm)

Bảng màu Nâu vàng, cam, đỏ và nâu (tương đồng)

Gradient xuyên tâm, 32 màu: #fdda90, #f6902d, #cd3c05, #8a1411, #320d0c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#fdda90
#fdd588
#fcce7d
#fcc570
#fcbb62
#fbb053
#faa545
#f89a38
#f6902d
#f38522
#f07b17
#ec700c
#e86503
#e25a00
#dc4f00
#d54501
#cd3c05
#c53408
#bc2d0b
#b2260e
#a9200f
#9e1b10
#941710
#8a1411
#7e1111
#721011
#650f10
#580f10
#4c0f0f
#410e0e
#380d0d
#320d0c

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(90.16% 0.1006 85.08) 0.0%, oklch(88.98% 0.1055 83.02) 3.2%, oklch(87.42% 0.1124 80.26) 6.5%, oklch(85.56% 0.1205 76.96) 9.7%, oklch(83.49% 0.1295 73.32) 12.9%, oklch(81.29% 0.1385 69.51) 16.1%, oklch(79.03% 0.1473 65.73) 19.4%, oklch(76.80% 0.1550 62.15) 22.6%, oklch(74.67% 0.1613 58.95) 25.8%, oklch(72.54% 0.1671 55.82) 29.0%, oklch(70.35% 0.1729 52.66) 32.3%, oklch(68.12% 0.1782 49.54) 35.5%, oklch(65.86% 0.1829 46.51) 38.7%, oklch(63.58% 0.1862 43.61) 41.9%, oklch(61.29% 0.1887 40.95) 45.2%, oklch(59.01% 0.1902 38.59) 48.4%, oklch(56.74% 0.1897 36.54) 51.6%, oklch(54.48% 0.1876 34.79) 54.8%, oklch(52.20% 0.1842 33.29) 58.1%, oklch(49.92% 0.1797 32.01) 61.3%, oklch(47.63% 0.1740 30.91) 64.5%, oklch(45.34% 0.1675 29.93) 67.7%, oklch(43.04% 0.1602 29.05) 71.0%, oklch(40.74% 0.1523 28.22) 74.2%, oklch(38.34% 0.1431 27.44) 77.4%, oklch(35.74% 0.1316 26.81) 80.6%, oklch(33.02% 0.1184 26.29) 83.9%, oklch(30.33% 0.1046 25.88) 87.1%, oklch(27.76% 0.0911 25.55) 90.3%, oklch(25.44% 0.0786 25.28) 93.5%, oklch(23.50% 0.0682 25.05) 96.8%, oklch(22.05% 0.0606 24.84) 100.0%);

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

Bảng màu ấm cúng

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