オレンジ、青、紫とピーチの線形グラデーション
オレンジ、青、紫とピーチのパレット（64色）。 #f0a438, #df7970, #926198, #4f5888, #555b8a, #a16b9b, #ed9273, #f3c85b。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
64色、編集できる OKLCH キーフレーム3個。
- #f0a438
- #f0a13c
- #f19c40
- #f09846
- #ef934c
- #ee8e53
- #ec885a
- #e88361
- #e47e69
- #df7970
- #d97577
- #d2717e
- #ca6e84
- #c26b8a
- #b9688f
- #af6692
- #a66495
- #9c6397
- #926198
- #886099
- #7f5f98
- #765e97
- #6e5c95
- #665c93
- #5f5b90
- #595a8d
- #54598b
- #4f5888
- #4c5886
- #495785
- #485784
- #475783
- #485883
- #4a5884
- #4c5986
- #505a88
- #555b8a
- #5a5c8d
- #615e90
- #685f93
- #706196
- #796398
- #82659a
- #8c679b
- #97699b
- #a16b9b
- #ab6e99
- #b67197
- #c07494
- #c97890
- #d27c8b
- #da8185
- #e28680
- #e88c79
- #ed9273
- #f1996d
- #f4a068
- #f6a763
- #f6ad60
- #f7b45d
- #f6ba5b
- #f5bf5a
- #f4c45b
- #f3c85b
CSS
background: linear-gradient(225deg in oklch, oklch(77.56% 0.1474 71.02) 0.0%, oklch(77.00% 0.1461 68.10) 1.6%, oklch(76.32% 0.1446 64.57) 3.2%, oklch(75.52% 0.1428 60.46) 4.8%, oklch(74.62% 0.1408 55.82) 6.3%, oklch(73.63% 0.1385 50.70) 7.9%, oklch(72.55% 0.1361 45.15) 9.5%, oklch(71.40% 0.1336 39.21) 11.1%, oklch(70.18% 0.1308 32.95) 12.7%, oklch(68.91% 0.1280 26.40) 14.3%, oklch(67.59% 0.1251 19.61) 15.9%, oklch(66.23% 0.1220 12.63) 17.5%, oklch(64.85% 0.1189 5.52) 19.0%, oklch(63.45% 0.1158 358.31) 20.6%, oklch(62.05% 0.1127 351.06) 22.2%, oklch(60.64% 0.1095 343.82) 23.8%, oklch(59.25% 0.1064 336.63) 25.4%, oklch(57.88% 0.1032 329.54) 27.0%, oklch(56.54% 0.1002 322.60) 28.6%, oklch(55.25% 0.0972 315.87) 30.2%, oklch(54.00% 0.0943 309.38) 31.7%, oklch(52.81% 0.0916 303.19) 33.3%, oklch(51.70% 0.0889 297.34) 34.9%, oklch(50.66% 0.0864 291.89) 36.5%, oklch(49.72% 0.0841 286.88) 38.1%, oklch(48.87% 0.0820 282.36) 39.7%, oklch(48.13% 0.0801 278.37) 41.3%, oklch(47.51% 0.0785 274.98) 42.9%, oklch(47.02% 0.0771 272.22) 44.4%, oklch(46.67% 0.0759 270.15) 46.0%, oklch(46.47% 0.0751 268.81) 47.6%, oklch(46.42% 0.0746 268.25) 49.2%, oklch(46.54% 0.0744 268.52) 50.8%, oklch(46.83% 0.0745 269.63) 52.4%, oklch(47.29% 0.0749 271.54) 54.0%, oklch(47.90% 0.0756 274.19) 55.6%, oklch(48.65% 0.0766 277.54) 57.1%, oklch(49.53% 0.0778 281.54) 58.7%, oklch(50.54% 0.0793 286.13) 60.3%, oklch(51.66% 0.0809 291.27) 61.9%, oklch(52.88% 0.0828 296.90) 63.5%, oklch(54.19% 0.0848 302.98) 65.1%, oklch(55.58% 0.0870 309.45) 66.7%, oklch(57.05% 0.0893 316.27) 68.3%, oklch(58.57% 0.0917 323.38) 69.8%, oklch(60.14% 0.0942 330.74) 71.4%, oklch(61.75% 0.0968 338.29) 73.0%, oklch(63.39% 0.0995 345.99) 74.6%, oklch(65.05% 0.1022 353.78) 76.2%, oklch(66.71% 0.1049 1.62) 77.8%, oklch(68.38% 0.1076 9.45) 79.4%, oklch(70.03% 0.1104 17.22) 81.0%, oklch(71.65% 0.1130 24.89) 82.5%, oklch(73.25% 0.1157 32.40) 84.1%, oklch(74.80% 0.1182 39.71) 85.7%, oklch(76.29% 0.1207 46.76) 87.3%, oklch(77.72% 0.1231 53.50) 88.9%, oklch(79.07% 0.1253 59.89) 90.5%, oklch(80.34% 0.1274 65.87) 92.1%, oklch(81.52% 0.1293 71.39) 93.7%, oklch(82.58% 0.1311 76.41) 95.2%, oklch(83.53% 0.1326 80.87) 96.8%, oklch(84.35% 0.1340 84.73) 98.4%, oklch(85.04% 0.1350 87.92) 100.0%);