赤、紫、青と青緑の線形グラデーション
線形グラデーション、32色、角度135°：#d65023, #a02228, #4c3362, #156d97, #25b2b7。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム8個。
- #d65023
- #d34b21
- #ce4420
- #c83c1f
- #c1341f
- #ba2e21
- #b22922
- #a92524
- #a02228
- #97212e
- #8c2134
- #802239
- #75243f
- #6a2646
- #61294f
- #572e59
- #4c3362
- #423a69
- #3a406f
- #344876
- #2e5080
- #275a89
- #1d6391
- #156d97
- #11769d
- #137fa3
- #1688a8
- #1691ad
- #169bb1
- #1aa4b4
- #1fadb6
- #25b2b7
CSS
background: linear-gradient(135deg in oklch, oklch(60.63% 0.1778 37.97) 0.0%, oklch(59.46% 0.1788 36.84) 3.2%, oklch(57.80% 0.1804 35.25) 6.5%, oklch(55.88% 0.1817 33.37) 9.7%, oklch(53.94% 0.1814 31.40) 12.9%, oklch(52.11% 0.1787 29.59) 16.1%, oklch(50.23% 0.1745 28.17) 19.4%, oklch(48.31% 0.1687 26.58) 22.6%, oklch(46.42% 0.1616 24.20) 25.8%, oklch(44.63% 0.1530 20.43) 29.0%, oklch(42.77% 0.1416 15.90) 32.3%, oklch(40.90% 0.1282 10.59) 35.5%, oklch(39.24% 0.1147 3.75) 38.7%, oklch(38.03% 0.1032 354.61) 41.9%, oklch(37.38% 0.0948 341.91) 45.2%, oklch(37.11% 0.0877 325.18) 48.4%, oklch(37.26% 0.0824 306.91) 51.6%, oklch(37.86% 0.0793 289.75) 54.8%, oklch(38.96% 0.0788 276.17) 58.1%, oklch(40.73% 0.0823 265.59) 61.3%, oklch(43.01% 0.0884 256.84) 64.5%, oklch(45.55% 0.0951 249.35) 67.7%, oklch(48.08% 0.1001 242.52) 71.0%, oklch(50.56% 0.1025 236.43) 74.2%, oklch(53.18% 0.1034 231.57) 77.4%, oklch(55.84% 0.1038 227.33) 80.6%, oklch(58.43% 0.1042 223.09) 83.9%, oklch(60.90% 0.1053 218.23) 87.1%, oklch(63.48% 0.1070 212.57) 90.3%, oklch(66.00% 0.1088 206.82) 93.5%, oklch(68.16% 0.1105 201.77) 96.8%, oklch(69.69% 0.1116 198.24) 100.0%);