類似色の明るいピンクと紫の線形スウォッチ
線形スウォッチ、32色、角度45°：#f5dce8, #dfb7db, #b38ccf, #8565b2, #5d4193。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム3個。
- #f5dce8
- #f3d9e6
- #f2d5e4
- #f0d1e3
- #edcce1
- #ebc7df
- #e7c2de
- #e4bcdc
- #dfb7db
- #dbb1da
- #d6abd9
- #d0a6d8
- #cba0d6
- #c59bd5
- #bf96d3
- #b991d2
- #b38ccf
- #ad87cc
- #a781c9
- #a07cc5
- #9976c0
- #9270bc
- #8c6ab7
- #8565b2
- #7f5fad
- #785aa9
- #7355a4
- #6d50a0
- #684b9c
- #644898
- #604495
- #5d4193
CSS
background: linear-gradient(45deg, oklch(91.73% 0.0317 347.34) 0.000% 3.125%, oklch(90.99% 0.0344 346.00) 3.125% 6.250%, oklch(90.10% 0.0378 344.31) 6.250% 9.375%, oklch(89.08% 0.0417 342.33) 9.375% 12.500%, oklch(87.96% 0.0462 340.10) 12.500% 15.625%, oklch(86.73% 0.0511 337.67) 15.625% 18.750%, oklch(85.41% 0.0563 335.08) 18.750% 21.875%, oklch(84.01% 0.0617 332.38) 21.875% 25.000%, oklch(82.55% 0.0673 329.61) 25.000% 28.125%, oklch(81.04% 0.0729 326.82) 28.125% 31.250%, oklch(79.50% 0.0784 324.06) 31.250% 34.375%, oklch(77.92% 0.0837 321.37) 34.375% 37.500%, oklch(76.34% 0.0888 318.81) 37.500% 40.625%, oklch(74.75% 0.0936 316.40) 40.625% 43.750%, oklch(73.18% 0.0979 314.21) 43.750% 46.875%, oklch(71.63% 0.1017 312.27) 46.875% 50.000%, oklch(70.09% 0.1049 310.61) 50.000% 53.125%, oklch(68.44% 0.1078 309.09) 53.125% 56.250%, oklch(66.68% 0.1104 307.67) 56.250% 59.375%, oklch(64.83% 0.1129 306.35) 59.375% 62.500%, oklch(62.92% 0.1151 305.13) 62.500% 65.625%, oklch(60.97% 0.1171 304.00) 65.625% 68.750%, oklch(59.00% 0.1189 302.96) 68.750% 71.875%, oklch(57.05% 0.1205 302.00) 71.875% 75.000%, oklch(55.14% 0.1220 301.11) 75.000% 78.125%, oklch(53.29% 0.1234 300.30) 78.125% 81.250%, oklch(51.52% 0.1246 299.55) 81.250% 84.375%, oklch(49.87% 0.1258 298.86) 84.375% 87.500%, oklch(48.35% 0.1268 298.23) 87.500% 90.625%, oklch(47.00% 0.1278 297.65) 90.625% 93.750%, oklch(45.83% 0.1287 297.12) 93.750% 96.875%, oklch(44.88% 0.1295 296.62) 96.875% 100.000%);