紫、ラベンダーとマゼンタの線形スウォッチ
線形スウォッチ、32色、角度135°：#46167d, #846db5, #c4ade5, #c781d2, #bf2c93。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム3個。
- #46167d
- #4b1e81
- #502786
- #57318d
- #5e3c94
- #67489c
- #7054a4
- #7a60ac
- #846db5
- #8f79bd
- #9985c5
- #a28fcd
- #ac99d4
- #b4a1da
- #baa7df
- #c0abe3
- #c4ade5
- #c6ace7
- #c7a9e6
- #c8a4e5
- #c89de2
- #c895de
- #c88cd9
- #c781d2
- #c676ca
- #c56bc2
- #c45fb9
- #c354b0
- #c149a7
- #c03e9f
- #bf3498
- #bf2c93
CSS
background: linear-gradient(135deg, oklch(34.25% 0.1585 298.83) 0.000% 3.125%, oklch(35.98% 0.1553 298.87) 3.125% 6.250%, oklch(38.27% 0.1508 298.81) 6.250% 9.375%, oklch(41.02% 0.1453 298.67) 9.375% 12.500%, oklch(44.14% 0.1390 298.48) 12.500% 15.625%, oklch(47.56% 0.1321 298.28) 15.625% 18.750%, oklch(51.17% 0.1249 298.08) 18.750% 21.875%, oklch(54.89% 0.1175 297.92) 21.875% 25.000%, oklch(58.63% 0.1102 297.82) 25.000% 28.125%, oklch(62.31% 0.1033 297.82) 28.125% 31.250%, oklch(65.82% 0.0969 297.94) 31.250% 34.375%, oklch(69.09% 0.0912 298.20) 34.375% 37.500%, oklch(72.02% 0.0865 298.65) 37.500% 40.625%, oklch(74.53% 0.0831 299.29) 40.625% 43.750%, oklch(76.52% 0.0811 300.18) 43.750% 46.875%, oklch(77.91% 0.0808 301.32) 46.875% 50.000%, oklch(78.62% 0.0823 302.77) 50.000% 53.125%, oklch(78.71% 0.0860 304.66) 53.125% 56.250%, oklch(78.26% 0.0914 306.94) 56.250% 59.375%, oklch(77.34% 0.0984 309.54) 59.375% 62.500%, oklch(76.02% 0.1066 312.41) 62.500% 65.625%, oklch(74.39% 0.1159 315.49) 65.625% 68.750%, oklch(72.49% 0.1260 318.70) 68.750% 71.875%, oklch(70.42% 0.1365 321.98) 71.875% 75.000%, oklch(68.24% 0.1473 325.27) 75.000% 78.125%, oklch(66.02% 0.1580 328.51) 78.125% 81.250%, oklch(63.83% 0.1684 331.63) 81.250% 84.375%, oklch(61.75% 0.1782 334.56) 84.375% 87.500%, oklch(59.84% 0.1873 337.25) 87.500% 90.625%, oklch(58.19% 0.1952 339.64) 90.625% 93.750%, oklch(56.85% 0.2017 341.64) 93.750% 96.875%, oklch(55.91% 0.2067 343.21) 96.875% 100.000%);