茶色、緑と黄色の円錐グラデーション
円錐グラデーション、32色、角度20°：#5a3439, #676237, #91a737, #c5c838, #f0b735。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム6個。
- #5a3439
- #5c3737
- #5e3b34
- #5e4032
- #5e4732
- #5f4d34
- #605436
- #635a37
- #676237
- #6c6b37
- #717436
- #757d35
- #7a8635
- #7e8f36
- #839737
- #8a9f38
- #91a737
- #9aae37
- #a2b436
- #a9ba35
- #b0be36
- #b7c236
- #bec637
- #c5c838
- #ccc938
- #d2c937
- #d9c834
- #e0c532
- #e6c130
- #eabd31
- #eeb933
- #f0b735
CSS
background: conic-gradient(from 20deg in oklch, oklch(37.40% 0.0551 11.25) 0.0%, oklch(38.15% 0.0536 19.97) 3.2%, oklch(39.11% 0.0510 32.44) 6.5%, oklch(40.28% 0.0481 47.05) 9.7%, oklch(41.64% 0.0459 62.19) 12.9%, oklch(43.19% 0.0453 76.26) 16.1%, oklch(44.91% 0.0474 87.64) 19.4%, oklch(46.86% 0.0530 95.78) 22.6%, oklch(49.12% 0.0618 102.25) 25.8%, oklch(51.59% 0.0727 107.36) 29.0%, oklch(54.18% 0.0846 111.37) 32.3%, oklch(56.77% 0.0963 114.52) 35.5%, oklch(59.28% 0.1067 117.07) 38.7%, oklch(61.67% 0.1152 119.09) 41.9%, oklch(64.12% 0.1232 120.05) 45.2%, oklch(66.58% 0.1308 120.12) 48.4%, oklch(68.98% 0.1377 119.55) 51.6%, oklch(71.25% 0.1439 118.60) 54.8%, oklch(73.31% 0.1490 117.53) 58.1%, oklch(75.10% 0.1530 116.54) 61.3%, oklch(76.71% 0.1557 115.43) 64.5%, oklch(78.17% 0.1574 114.11) 67.7%, oklch(79.45% 0.1582 112.52) 71.0%, oklch(80.52% 0.1585 110.64) 74.2%, oklch(81.38% 0.1585 108.41) 77.4%, oklch(81.99% 0.1584 105.79) 80.6%, oklch(82.25% 0.1579 102.30) 83.9%, oklch(82.19% 0.1568 98.10) 87.1%, oklch(81.93% 0.1553 93.63) 90.3%, oklch(81.59% 0.1538 89.33) 93.5%, oklch(81.27% 0.1524 85.68) 96.8%, oklch(81.10% 0.1516 83.11) 100.0%);