シームレスな虹色の線形グラデーション
線形グラデーション、32色、角度135°：#f4f5ad, #8beac0, #5e54e7, #e47bb5, #f7f2be。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム7個。
- #f4f5ad
- #ebf2a6
- #dced9d
- #cae995
- #b5e592
- #a1e395
- #92e49f
- #8ce7af
- #8beac0
- #87eace
- #7be7d9
- #59dbdf
- #00c6e4
- #00a6e0
- #0086e5
- #3b66ec
- #5e54e7
- #7952e6
- #955ae6
- #af67e5
- #c672e2
- #d778d7
- #e07ac7
- #e47bb5
- #e57da3
- #e68395
- #ea8e8a
- #efa086
- #f4b78b
- #f6cf99
- #f7e4ad
- #f7f2be
CSS
background: linear-gradient(135deg in oklch, oklch(95.28% 0.0909 108.28) 0.0%, oklch(93.78% 0.0963 112.51) 3.2%, oklch(91.59% 0.1043 118.33) 6.5%, oklch(89.13% 0.1131 125.29) 9.7%, oklch(86.86% 0.1207 132.94) 12.9%, oklch(85.22% 0.1251 140.80) 16.1%, oklch(84.79% 0.1238 148.46) 19.4%, oklch(85.51% 0.1169 156.11) 22.6%, oklch(86.53% 0.1084 164.30) 25.8%, oklch(86.94% 0.1023 173.58) 29.0%, oklch(85.88% 0.1025 184.50) 32.3%, oklch(82.28% 0.1134 197.89) 35.5%, oklch(75.88% 0.1335 214.25) 38.7%, oklch(68.26% 0.1395 232.12) 41.9%, oklch(61.07% 0.1726 249.94) 45.2%, oklch(55.97% 0.2071 266.13) 48.4%, oklch(54.48% 0.2141 279.36) 51.6%, oklch(56.31% 0.2115 290.18) 54.8%, oklch(60.14% 0.2027 299.54) 58.1%, oklch(64.70% 0.1906 308.30) 61.3%, oklch(68.72% 0.1780 317.30) 64.5%, oklch(71.00% 0.1676 327.27) 67.7%, oklch(71.72% 0.1571 337.26) 71.0%, oklch(71.72% 0.1458 347.26) 74.2%, oklch(71.65% 0.1343 357.75) 77.4%, oklch(72.20% 0.1231 9.22) 80.6%, oklch(74.05% 0.1127 22.19) 83.9%, oklch(77.69% 0.1022 38.51) 87.1%, oklch(82.50% 0.0916 57.20) 90.3%, oklch(87.62% 0.0818 75.84) 93.5%, oklch(92.17% 0.0735 92.03) 96.8%, oklch(95.28% 0.0675 103.35) 100.0%);