鮮やかな同系色のネイビーから青の線形グラデーション
鮮やかな同系色のネイビーから青のパレット（40色）。 #111a51, #101b67, #0f1a81, #091c9f, #002aab, #0045ad, #0054b6, #0b61bb。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
40色、編集できる OKLCH キーフレーム3個。
- #111a51
- #111b54
- #111b57
- #111b5a
- #111b5e
- #111b62
- #101b67
- #101b6b
- #101a71
- #101a76
- #0f1a7b
- #0f1a81
- #0e1986
- #0e198b
- #0d1991
- #0c1a96
- #0b1b9a
- #091c9f
- #081da3
- #061fa6
- #0422a9
- #0125ab
- #002aab
- #0030a9
- #0035a9
- #0039a9
- #003daa
- #0041ab
- #0045ad
- #0048ae
- #004bb0
- #004eb2
- #0051b4
- #0054b6
- #0057b7
- #0059b9
- #015cba
- #055eba
- #0860bb
- #0b61bb
CSS
background: linear-gradient(135deg in oklch, oklch(25.20% 0.1006 270.00) 0.0%, oklch(25.49% 0.1039 269.86) 2.6%, oklch(25.83% 0.1080 269.70) 5.1%, oklch(26.21% 0.1129 269.52) 7.7%, oklch(26.63% 0.1185 269.33) 10.3%, oklch(27.08% 0.1247 269.12) 12.8%, oklch(27.57% 0.1313 268.90) 15.4%, oklch(28.08% 0.1382 268.67) 17.9%, oklch(28.62% 0.1453 268.42) 20.5%, oklch(29.19% 0.1526 268.16) 23.1%, oklch(29.77% 0.1599 267.88) 25.6%, oklch(30.38% 0.1672 267.60) 28.2%, oklch(31.00% 0.1742 267.30) 30.8%, oklch(31.63% 0.1809 266.99) 33.3%, oklch(32.27% 0.1872 266.66) 35.9%, oklch(32.91% 0.1929 266.33) 38.5%, oklch(33.56% 0.1980 265.99) 41.0%, oklch(34.22% 0.2024 265.64) 43.6%, oklch(34.86% 0.2060 265.28) 46.2%, oklch(35.51% 0.2086 264.90) 48.7%, oklch(36.15% 0.2101 264.52) 51.3%, oklch(36.84% 0.2107 264.10) 53.8%, oklch(37.58% 0.2054 263.68) 56.4%, oklch(38.35% 0.1969 263.18) 59.0%, oklch(39.15% 0.1910 262.65) 61.5%, oklch(39.98% 0.1864 262.11) 64.1%, oklch(40.82% 0.1827 261.54) 66.7%, oklch(41.67% 0.1797 260.97) 69.2%, oklch(42.52% 0.1772 260.39) 71.8%, oklch(43.37% 0.1751 259.81) 74.4%, oklch(44.21% 0.1733 259.23) 76.9%, oklch(45.03% 0.1718 258.67) 79.5%, oklch(45.82% 0.1705 258.12) 82.1%, oklch(46.57% 0.1694 257.60) 84.6%, oklch(47.29% 0.1685 257.10) 87.2%, oklch(47.96% 0.1678 256.64) 89.7%, oklch(48.56% 0.1663 256.19) 92.3%, oklch(49.11% 0.1636 255.81) 94.9%, oklch(49.60% 0.1614 255.48) 97.4%, oklch(50.00% 0.1598 255.21) 100.0%);