トライトーンの紫、ピンクとタンの線形スウォッチ
線形スウォッチ、32色、角度90°：#7a74d8, #9f8de5, #d19edd, #efa7c3, #f5c38f。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #7a74d8
- #7d76d9
- #8079db
- #847cdd
- #8980df
- #8e84e1
- #9387e3
- #998be4
- #9f8de5
- #a590e6
- #ac92e6
- #b294e5
- #b996e4
- #bf98e3
- #c69ae1
- #cc9cdf
- #d19edd
- #d69fdb
- #dba0d8
- #dfa2d5
- #e3a3d1
- #e7a4cd
- #eba6c9
- #efa7c3
- #f3a9bd
- #f7acb5
- #faafac
- #fcb3a3
- #fbb79b
- #fabc95
- #f7c091
- #f5c38f
CSS
background: linear-gradient(90deg, oklch(61.02% 0.1488 284.06) 0.000% 3.125%, oklch(61.69% 0.1472 284.52) 3.125% 6.250%, oklch(62.60% 0.1450 284.98) 6.250% 9.375%, oklch(63.68% 0.1424 285.51) 9.375% 12.500%, oklch(64.87% 0.1395 286.21) 12.500% 15.625%, oklch(66.11% 0.1364 287.13) 15.625% 18.750%, oklch(67.34% 0.1333 288.36) 18.750% 21.875%, oklch(68.50% 0.1303 289.96) 21.875% 25.000%, oklch(69.54% 0.1275 292.02) 25.000% 28.125%, oklch(70.53% 0.1246 294.51) 28.125% 31.250%, oklch(71.52% 0.1216 297.39) 31.250% 34.375%, oklch(72.49% 0.1186 300.60) 34.375% 37.500%, oklch(73.43% 0.1157 304.09) 37.500% 40.625%, oklch(74.34% 0.1128 307.83) 40.625% 43.750%, oklch(75.20% 0.1100 311.75) 43.750% 46.875%, oklch(76.00% 0.1073 315.81) 46.875% 50.000%, oklch(76.74% 0.1049 319.94) 50.000% 53.125%, oklch(77.39% 0.1025 324.00) 53.125% 56.250%, oklch(77.98% 0.1003 328.10) 56.250% 59.375%, oklch(78.52% 0.0981 332.38) 59.375% 62.500%, oklch(79.03% 0.0961 336.98) 62.500% 65.625%, oklch(79.53% 0.0942 342.06) 65.625% 68.750%, oklch(80.04% 0.0926 347.74) 68.750% 71.875%, oklch(80.57% 0.0912 354.18) 71.875% 75.000%, oklch(81.15% 0.0902 1.84) 75.000% 78.125%, oklch(81.77% 0.0894 11.28) 78.125% 81.250%, oklch(82.42% 0.0889 21.84) 81.250% 84.375%, oklch(83.07% 0.0886 32.85) 84.375% 87.500%, oklch(83.68% 0.0885 43.64) 87.500% 90.625%, oklch(84.23% 0.0884 53.51) 90.625% 93.750%, oklch(84.69% 0.0883 61.78) 93.750% 96.875%, oklch(85.04% 0.0882 67.78) 96.875% 100.000%);