シームレスな黒、青と紫の線形スウォッチ
線形スウォッチ、64色、角度120°：#0a0c13, #3f296d, #196e8a, #aa3769, #0a0d12。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #0a0c13
- #0b0e16
- #0d0f1a
- #0e111f
- #111224
- #14142a
- #171630
- #1b1736
- #1f193d
- #241a44
- #291c4a
- #2d1d50
- #321f57
- #36215d
- #3a2362
- #3d2668
- #3f296d
- #402c72
- #3f3177
- #3c367c
- #383c80
- #334283
- #2d4885
- #264e86
- #1f5486
- #185986
- #125e85
- #0f6284
- #0e6583
- #116884
- #146b84
- #176d87
- #196e8a
- #1e6f8f
- #256f96
- #2f6e9e
- #3d6ca6
- #4c69ad
- #5c65b1
- #6c60b2
- #7c5ab0
- #8a54aa
- #964ea0
- #a04894
- #a74387
- #ab3e7b
- #ac3a71
- #aa3769
- #a53565
- #9d3362
- #933162
- #872f61
- #792d60
- #6a2b5f
- #5b295b
- #4b2756
- #3d244e
- #302145
- #241e3b
- #1b1a31
- #141727
- #0f131f
- #0c1018
- #0a0d12
CSS
background: linear-gradient(120deg, oklch(15.75% 0.0152 272.11) 0.000% 1.563%, oklch(16.41% 0.0189 273.12) 1.563% 3.125%, oklch(17.22% 0.0237 274.60) 3.125% 4.688%, oklch(18.16% 0.0295 276.47) 4.688% 6.250%, oklch(19.21% 0.0361 278.63) 6.250% 7.813%, oklch(20.35% 0.0432 281.01) 7.813% 9.375%, oklch(21.57% 0.0509 283.49) 9.375% 10.938%, oklch(22.85% 0.0587 286.01) 10.938% 12.500%, oklch(24.18% 0.0667 288.46) 12.500% 14.063%, oklch(25.54% 0.0746 290.76) 14.063% 15.625%, oklch(26.92% 0.0823 292.81) 15.625% 17.188%, oklch(28.29% 0.0895 294.53) 17.188% 18.750%, oklch(29.64% 0.0962 295.82) 18.750% 20.313%, oklch(30.95% 0.1021 296.60) 20.313% 21.875%, oklch(32.22% 0.1070 296.78) 21.875% 23.438%, oklch(33.41% 0.1109 296.26) 23.438% 25.000%, oklch(34.52% 0.1135 294.93) 25.000% 26.563%, oklch(35.64% 0.1148 292.31) 26.563% 28.125%, oklch(36.77% 0.1149 288.40) 28.125% 29.688%, oklch(37.92% 0.1140 283.41) 29.688% 31.250%, oklch(39.08% 0.1123 277.60) 31.250% 32.813%, oklch(40.23% 0.1099 271.17) 32.813% 34.375%, oklch(41.37% 0.1070 264.36) 34.375% 35.938%, oklch(42.50% 0.1038 257.41) 35.938% 37.500%, oklch(43.59% 0.1004 250.53) 37.500% 39.063%, oklch(44.65% 0.0971 243.96) 39.063% 40.625%, oklch(45.66% 0.0938 237.93) 40.625% 42.188%, oklch(46.61% 0.0910 232.66) 42.188% 43.750%, oklch(47.51% 0.0886 228.39) 43.750% 45.313%, oklch(48.33% 0.0869 225.33) 45.313% 46.875%, oklch(49.06% 0.0861 223.73) 46.875% 48.438%, oklch(49.71% 0.0863 223.81) 48.438% 50.000%, oklch(50.28% 0.0877 225.86) 50.000% 51.563%, oklch(50.86% 0.0905 230.23) 51.563% 53.125%, oklch(51.44% 0.0947 236.68) 53.125% 54.688%, oklch(52.02% 0.0998 244.86) 54.688% 56.250%, oklch(52.57% 0.1058 254.45) 56.250% 57.813%, oklch(53.08% 0.1123 265.11) 57.813% 59.375%, oklch(53.53% 0.1191 276.51) 59.375% 60.938%, oklch(53.90% 0.1260 288.32) 60.938% 62.500%, oklch(54.17% 0.1328 300.20) 62.500% 64.063%, oklch(54.32% 0.1392 311.81) 64.063% 65.625%, oklch(54.35% 0.1449 322.83) 65.625% 67.188%, oklch(54.22% 0.1499 332.93) 67.188% 68.750%, oklch(53.92% 0.1537 341.76) 68.750% 70.313%, oklch(53.44% 0.1562 348.99) 70.313% 71.875%, oklch(52.75% 0.1571 354.30) 71.875% 73.438%, oklch(51.84% 0.1562 357.34) 73.438% 75.000%, oklch(50.64% 0.1533 357.95) 75.000% 76.563%, oklch(49.04% 0.1483 356.48) 76.563% 78.125%, oklch(47.09% 0.1415 353.21) 78.125% 79.688%, oklch(44.86% 0.1332 348.38) 79.688% 81.250%, oklch(42.38% 0.1235 342.24) 81.250% 82.813%, oklch(39.73% 0.1129 335.05) 82.813% 84.375%, oklch(36.96% 0.1016 327.06) 84.375% 85.938%, oklch(34.12% 0.0899 318.51) 85.938% 87.500%, oklch(31.27% 0.0779 309.67) 87.500% 89.063%, oklch(28.46% 0.0661 300.77) 89.063% 90.625%, oklch(25.76% 0.0546 292.08) 90.625% 92.188%, oklch(23.21% 0.0438 283.85) 92.188% 93.750%, oklch(20.89% 0.0339 276.32) 93.750% 95.313%, oklch(18.83% 0.0252 269.75) 95.313% 96.875%, oklch(17.10% 0.0179 264.39) 96.875% 98.438%, oklch(15.75% 0.0124 260.49) 98.438% 100.000%);