茶色、オレンジ、青と明るい緑の円錐グラデーション
茶色、オレンジ、青と明るい緑のパレット（72色）。 #8a3e2d, #b55d34, #d9694a, #bd4383, #6071da, #1bb9ad, #98d3a9, #c4e9c8。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
72色、編集できる OKLCH キーフレーム5個。
- #8a3e2d
- #8d3f2e
- #90412e
- #93442f
- #984730
- #9c4a30
- #a14e31
- #a65232
- #ab5632
- #b05a33
- #b55d34
- #ba6135
- #bf6536
- #c46837
- #c96a39
- #cd6c3b
- #d16d3d
- #d46e40
- #d66d43
- #d86c47
- #d9694a
- #d9664e
- #d96252
- #d85e57
- #d6595c
- #d35561
- #d05067
- #cc4c6d
- #c84874
- #c3457b
- #bd4383
- #b7418b
- #b14194
- #ab429c
- #a444a5
- #9d48ae
- #964cb6
- #8e51bf
- #8558c8
- #7a60d0
- #6e68d6
- #6071da
- #4f7adc
- #3b83dc
- #1d8cd9
- #0095d1
- #009cc8
- #00a2c2
- #00a8bc
- #00aeb7
- #00b4b3
- #1bb9ad
- #37bca8
- #49bfa4
- #58c1a1
- #64c39f
- #6fc69f
- #79c89f
- #82cba1
- #8acda3
- #91d0a6
- #98d3a9
- #9ed6ac
- #a4d8b0
- #a9dbb4
- #aeddb7
- #b2e0bb
- #b6e2be
- #bae4c2
- #bee6c4
- #c1e7c7
- #c4e9c8
CSS
background: conic-gradient(from 20deg in oklch, oklch(46.06% 0.1089 33.75) 0.0%, oklch(46.70% 0.1099 34.15) 1.4%, oklch(47.52% 0.1112 34.85) 2.8%, oklch(48.50% 0.1127 35.79) 4.2%, oklch(49.61% 0.1144 36.91) 5.6%, oklch(50.83% 0.1162 38.17) 7.0%, oklch(52.14% 0.1182 39.50) 8.5%, oklch(53.50% 0.1202 40.85) 9.9%, oklch(54.90% 0.1223 42.17) 11.3%, oklch(56.30% 0.1246 43.41) 12.7%, oklch(57.69% 0.1268 44.50) 14.1%, oklch(59.03% 0.1291 45.40) 15.5%, oklch(60.30% 0.1313 46.05) 16.9%, oklch(61.47% 0.1336 46.39) 18.3%, oklch(62.52% 0.1358 46.38) 19.7%, oklch(63.43% 0.1379 45.95) 21.1%, oklch(64.17% 0.1400 45.06) 22.5%, oklch(64.70% 0.1419 43.64) 23.9%, oklch(65.02% 0.1438 41.66) 25.4%, oklch(65.08% 0.1457 39.22) 26.8%, oklch(64.91% 0.1479 36.40) 28.2%, oklch(64.53% 0.1502 33.22) 29.6%, oklch(63.98% 0.1526 29.69) 31.0%, oklch(63.30% 0.1550 25.84) 32.4%, oklch(62.50% 0.1575 21.69) 33.8%, oklch(61.62% 0.1599 17.24) 35.2%, oklch(60.68% 0.1623 12.52) 36.6%, oklch(59.73% 0.1645 7.55) 38.0%, oklch(58.79% 0.1666 2.35) 39.4%, oklch(57.89% 0.1685 356.93) 40.8%, oklch(57.06% 0.1701 351.31) 42.3%, oklch(56.33% 0.1714 345.51) 43.7%, oklch(55.73% 0.1723 339.55) 45.1%, oklch(55.30% 0.1729 333.44) 46.5%, oklch(55.05% 0.1730 327.21) 47.9%, oklch(55.03% 0.1726 320.87) 49.3%, oklch(55.26% 0.1717 314.36) 50.7%, oklch(55.66% 0.1703 307.23) 52.1%, oklch(56.23% 0.1683 299.49) 53.5%, oklch(56.94% 0.1659 291.24) 54.9%, oklch(57.77% 0.1630 282.57) 56.3%, oklch(58.72% 0.1598 273.58) 57.7%, oklch(59.76% 0.1563 264.36) 59.2%, oklch(60.88% 0.1526 255.01) 60.6%, oklch(62.07% 0.1486 245.62) 62.0%, oklch(63.30% 0.1368 236.30) 63.4%, oklch(64.57% 0.1248 227.12) 64.8%, oklch(65.85% 0.1185 218.19) 66.2%, oklch(67.13% 0.1159 209.60) 67.6%, oklch(68.39% 0.1163 201.45) 69.0%, oklch(69.63% 0.1191 193.84) 70.4%, oklch(70.81% 0.1196 186.86) 71.8%, oklch(71.94% 0.1159 180.60) 73.2%, oklch(72.98% 0.1124 175.17) 74.6%, oklch(73.97% 0.1092 170.56) 76.1%, oklch(74.99% 0.1058 166.59) 77.5%, oklch(76.04% 0.1024 163.21) 78.9%, oklch(77.12% 0.0989 160.36) 80.3%, oklch(78.20% 0.0953 158.00) 81.7%, oklch(79.29% 0.0918 156.07) 83.1%, oklch(80.37% 0.0883 154.52) 84.5%, oklch(81.45% 0.0848 153.31) 85.9%, oklch(82.50% 0.0814 152.38) 87.3%, oklch(83.52% 0.0781 151.69) 88.7%, oklch(84.51% 0.0749 151.18) 90.1%, oklch(85.46% 0.0718 150.80) 91.5%, oklch(86.35% 0.0689 150.51) 93.0%, oklch(87.19% 0.0662 150.26) 94.4%, oklch(87.95% 0.0637 149.99) 95.8%, oklch(88.64% 0.0615 149.65) 97.2%, oklch(89.25% 0.0595 149.20) 98.6%, oklch(89.76% 0.0579 148.58) 100.0%);