紫、青、青緑と明るい青の線形スウォッチ
線形スウォッチ、32色、角度45°：#790e54, #37559d, #248881, #67aba1, #94cecf。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム3個。
- #790e54
- #77165e
- #741e69
- #6f2675
- #682f82
- #5f388c
- #544195
- #474b9b
- #37559d
- #225e9c
- #006799
- #006e90
- #00748a
- #007a87
- #007f84
- #0f8482
- #248881
- #318c82
- #3d9184
- #479688
- #509b8d
- #58a093
- #5fa69a
- #67aba1
- #6eb1a8
- #74b6af
- #7bbbb6
- #81bfbc
- #86c4c2
- #8cc8c7
- #90cbcb
- #94cecf
CSS
background: linear-gradient(45deg, oklch(38.98% 0.1530 347.34) 0.000% 3.125%, oklch(39.59% 0.1506 341.31) 3.125% 6.250%, oklch(40.31% 0.1478 333.54) 6.250% 9.375%, oklch(41.13% 0.1444 324.29) 9.375% 12.500%, oklch(42.03% 0.1406 313.82) 12.500% 15.625%, oklch(43.02% 0.1365 302.40) 15.625% 18.750%, oklch(44.08% 0.1321 290.27) 18.750% 21.875%, oklch(45.20% 0.1275 277.71) 21.875% 25.000%, oklch(46.39% 0.1227 264.97) 25.000% 28.125%, oklch(47.62% 0.1180 252.30) 28.125% 31.250%, oklch(48.90% 0.1120 240.01) 31.250% 34.375%, oklch(50.21% 0.0982 228.28) 34.375% 37.500%, oklch(51.54% 0.0923 217.41) 37.500% 40.625%, oklch(52.90% 0.0908 207.66) 40.625% 43.750%, oklch(54.26% 0.0922 199.29) 43.750% 46.875%, oklch(55.62% 0.0925 192.56) 46.875% 50.000%, oklch(57.00% 0.0894 187.64) 50.000% 53.125%, oklch(58.51% 0.0865 184.13) 53.125% 56.250%, oklch(60.15% 0.0838 181.81) 56.250% 59.375%, oklch(61.88% 0.0811 180.55) 59.375% 62.500%, oklch(63.70% 0.0786 180.20) 62.500% 65.625%, oklch(65.56% 0.0762 180.64) 65.625% 68.750%, oklch(67.44% 0.0739 181.71) 68.750% 71.875%, oklch(69.32% 0.0717 183.29) 71.875% 75.000%, oklch(71.17% 0.0697 185.23) 75.000% 78.125%, oklch(72.96% 0.0678 187.39) 78.125% 81.250%, oklch(74.67% 0.0661 189.64) 81.250% 84.375%, oklch(76.28% 0.0644 191.83) 84.375% 87.500%, oklch(77.75% 0.0629 193.83) 87.500% 90.625%, oklch(79.06% 0.0616 195.50) 90.625% 93.750%, oklch(80.19% 0.0603 196.70) 93.750% 96.875%, oklch(81.10% 0.0593 197.29) 96.875% 100.000%);