黒、紫とグレーブルーの線形グラデーション
黒、紫とグレーブルーのパレット（34色）。 #000000, #000001, #17032c, #301b53, #4b3573, #5b5288, #626b91, #628892。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
34色、編集できる OKLCH キーフレーム8個。
- #000000
- #000000
- #000000
- #000000
- #000000
- #000001
- #010007
- #040112
- #0d0220
- #17032c
- #1f0635
- #240b3d
- #291045
- #2c164c
- #301b53
- #36205a
- #3b2561
- #412a67
- #462f6d
- #4b3573
- #4f3a78
- #53407c
- #564681
- #584c85
- #5b5288
- #5d588b
- #5f5f8d
- #61658f
- #626b91
- #617193
- #607995
- #5f7f95
- #608594
- #628892
CSS
background: linear-gradient(0deg in oklch, oklch(0.00% 0.0000 0.00) 0.0%, oklch(0.27% 0.0019 264.15) 3.0%, oklch(0.58% 0.0039 268.21) 6.1%, oklch(1.11% 0.0073 270.08) 9.1%, oklch(2.07% 0.0132 273.42) 12.1%, oklch(3.76% 0.0220 278.43) 15.2%, oklch(6.60% 0.0347 284.20) 18.2%, oklch(10.12% 0.0501 290.67) 21.2%, oklch(13.84% 0.0656 296.73) 24.2%, oklch(17.25% 0.0786 301.24) 27.3%, oklch(19.99% 0.0868 303.18) 30.3%, oklch(22.32% 0.0917 302.70) 33.3%, oklch(24.43% 0.0943 300.84) 36.4%, oklch(26.43% 0.0959 298.66) 39.4%, oklch(28.44% 0.0975 297.23) 42.4%, oklch(30.52% 0.0997 297.06) 45.5%, oklch(32.57% 0.1017 297.50) 48.5%, oklch(34.59% 0.1031 298.10) 51.5%, oklch(36.55% 0.1037 298.44) 54.5%, oklch(38.46% 0.1032 298.10) 57.6%, oklch(40.29% 0.1014 297.25) 60.6%, oklch(42.07% 0.0986 296.06) 63.6%, oklch(43.80% 0.0950 294.44) 66.7%, oklch(45.50% 0.0908 292.30) 69.7%, oklch(47.17% 0.0860 289.65) 72.7%, oklch(48.82% 0.0799 287.08) 75.8%, oklch(50.43% 0.0731 284.09) 78.8%, oklch(52.00% 0.0664 279.95) 81.8%, oklch(53.52% 0.0606 273.94) 84.8%, oklch(55.02% 0.0562 264.77) 87.9%, oklch(56.58% 0.0525 251.78) 90.9%, oklch(58.07% 0.0496 237.51) 93.9%, oklch(59.34% 0.0472 224.62) 97.0%, oklch(60.24% 0.0455 215.77) 100.0%);