同系色の青の線形スウォッチ
線形スウォッチ、32色、角度90°：#355c7b, #4b7591, #668ea6, #6b91a8, #4f7492。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #355c7b
- #375e7d
- #39607f
- #3b6382
- #3e6685
- #416a88
- #456d8b
- #48718e
- #4b7591
- #4e7894
- #517b97
- #547e9a
- #58819c
- #5b849f
- #5f88a1
- #638ba4
- #668ea6
- #6991a8
- #6c93aa
- #6e94ab
- #6f95ab
- #6f95ab
- #6d93aa
- #6b91a8
- #678da6
- #6489a3
- #5f859f
- #5b819c
- #577d99
- #547996
- #517694
- #4f7492
CSS
background: linear-gradient(90deg, oklch(46.06% 0.0675 243.98) 0.000% 3.125%, oklch(46.68% 0.0673 243.68) 3.125% 6.250%, oklch(47.49% 0.0671 243.28) 6.250% 9.375%, oklch(48.44% 0.0668 242.81) 9.375% 12.500%, oklch(49.51% 0.0665 242.27) 12.500% 15.625%, oklch(50.66% 0.0661 241.70) 15.625% 18.750%, oklch(51.86% 0.0657 241.11) 18.750% 21.875%, oklch(53.06% 0.0653 240.51) 21.875% 25.000%, oklch(54.24% 0.0648 239.93) 25.000% 28.125%, oklch(55.36% 0.0642 239.37) 28.125% 31.250%, oklch(56.38% 0.0636 238.86) 31.250% 34.375%, oklch(57.33% 0.0629 238.37) 34.375% 37.500%, oklch(58.37% 0.0619 237.81) 37.500% 40.625%, oklch(59.46% 0.0608 237.20) 40.625% 43.750%, oklch(60.57% 0.0596 236.56) 43.750% 46.875%, oklch(61.64% 0.0583 235.95) 46.875% 50.000%, oklch(62.64% 0.0571 235.39) 50.000% 53.125%, oklch(63.52% 0.0560 234.92) 53.125% 56.250%, oklch(64.23% 0.0550 234.56) 56.250% 59.375%, oklch(64.72% 0.0543 234.36) 59.375% 62.500%, oklch(64.97% 0.0538 234.36) 62.500% 65.625%, oklch(64.90% 0.0538 234.58) 65.625% 68.750%, oklch(64.44% 0.0541 235.10) 68.750% 71.875%, oklch(63.63% 0.0548 235.88) 71.875% 75.000%, oklch(62.56% 0.0558 236.86) 75.000% 78.125%, oklch(61.30% 0.0569 237.98) 78.125% 81.250%, oklch(59.93% 0.0582 239.17) 81.250% 84.375%, oklch(58.54% 0.0595 240.36) 84.375% 87.500%, oklch(57.20% 0.0607 241.51) 87.500% 90.625%, oklch(56.00% 0.0618 242.53) 90.625% 93.750%, oklch(55.02% 0.0628 243.38) 93.750% 96.875%, oklch(54.33% 0.0634 243.98) 96.875% 100.000%);