Nâu và cam (tương đồng) liền mạch (gradient xuyên tâm)
Gradient xuyên tâm, 32 màu: #2c1106, #993005, #f88c05, #f46e0d, #2f1405. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #2c1106
- #331406
- #3e1605
- #4b1a04
- #5a1d03
- #692102
- #792502
- #882a03
- #993005
- #ab3708
- #bc3e0c
- #cd470f
- #db500e
- #e65c09
- #ef6b00
- #f57c00
- #f88c05
- #f99818
- #f9a022
- #f9a024
- #fa9a1c
- #fb8f0e
- #fa7f06
- #f46e0d
- #e95e15
- #d85117
- #be4513
- #9d390c
- #7a2e08
- #5a2306
- #401a06
- #2f1405
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(21.65% 0.0482 44.30) 0.0%, oklch(23.50% 0.0565 43.66) 3.2%, oklch(25.99% 0.0679 42.72) 6.5%, oklch(28.96% 0.0815 41.63) 9.7%, oklch(32.25% 0.0960 40.56) 12.9%, oklch(35.69% 0.1102 39.65) 16.1%, oklch(39.10% 0.1231 39.07) 19.4%, oklch(42.53% 0.1348 38.74) 22.6%, oklch(46.27% 0.1471 38.33) 25.8%, oklch(50.17% 0.1594 38.05) 29.0%, oklch(54.09% 0.1705 38.12) 32.3%, oklch(57.86% 0.1797 38.79) 35.5%, oklch(61.33% 0.1859 40.26) 38.7%, oklch(64.51% 0.1881 43.02) 41.9%, oklch(67.87% 0.1855 47.78) 45.2%, oklch(71.17% 0.1791 53.70) 48.4%, oklch(74.12% 0.1733 59.74) 51.6%, oklch(76.41% 0.1667 64.86) 54.8%, oklch(77.74% 0.1622 68.05) 58.1%, oklch(77.84% 0.1616 68.27) 61.3%, oklch(76.89% 0.1660 65.24) 64.5%, oklch(75.04% 0.1733 59.98) 67.7%, oklch(72.41% 0.1811 53.65) 71.0%, oklch(69.11% 0.1867 47.40) 74.2%, oklch(65.24% 0.1876 42.40) 77.4%, oklch(60.88% 0.1813 39.77) 80.6%, oklch(55.12% 0.1654 39.35) 83.9%, oklch(48.08% 0.1424 40.34) 87.1%, oklch(40.56% 0.1158 42.19) 90.3%, oklch(33.33% 0.0893 44.36) 93.5%, oklch(27.16% 0.0665 46.30) 96.8%, oklch(22.83% 0.0510 47.47) 100.0%);Trong các bộ sưu tập này
Gradient cho hero sectionGradient Halloween
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
