寒色寄りの青、明るい青、紫とネイビーの線形スウォッチ
線形スウォッチ、48色、角度135°：#299bd5, #bcdeed, #739ee0, #4233a1, #122858。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #299bd5
- #339ed6
- #3ea2d7
- #4ba8d9
- #58aedb
- #66b4dd
- #74bbe0
- #82c2e2
- #90c9e5
- #9dcfe7
- #a9d5ea
- #b4daec
- #bcdeed
- #c3e1ef
- #c8e3ef
- #c9e3f0
- #c7e1ef
- #c1deee
- #b9d9ed
- #aed2eb
- #a2cae9
- #95c1e8
- #89b6e6
- #7daae3
- #739ee0
- #6a90dd
- #6483d8
- #5f75d3
- #5b68cd
- #585cc7
- #5651c1
- #5348bb
- #5040b4
- #4c3bae
- #4736a7
- #4233a1
- #3d309a
- #382f93
- #322d8c
- #2d2d85
- #282c7e
- #232c77
- #1f2c71
- #1c2b6b
- #192b65
- #162a60
- #14295c
- #122858
CSS
background: linear-gradient(135deg, oklch(65.35% 0.1295 236.95) 0.000% 2.083%, oklch(66.36% 0.1256 236.57) 2.083% 4.167%, oklch(67.76% 0.1202 235.94) 4.167% 6.250%, oklch(69.49% 0.1136 235.11) 6.250% 8.333%, oklch(71.48% 0.1059 234.13) 8.333% 10.417%, oklch(73.66% 0.0976 233.05) 10.417% 12.500%, oklch(75.95% 0.0888 231.93) 12.500% 14.583%, oklch(78.29% 0.0799 230.83) 14.583% 16.667%, oklch(80.60% 0.0710 229.79) 16.667% 18.750%, oklch(82.81% 0.0624 228.86) 18.750% 20.833%, oklch(84.85% 0.0544 228.10) 20.833% 22.917%, oklch(86.65% 0.0473 227.57) 22.917% 25.000%, oklch(88.13% 0.0413 227.31) 25.000% 27.083%, oklch(89.24% 0.0367 227.37) 27.083% 29.167%, oklch(89.89% 0.0337 227.82) 29.167% 31.250%, oklch(90.01% 0.0326 228.70) 31.250% 33.333%, oklch(89.54% 0.0337 230.08) 33.333% 35.417%, oklch(88.45% 0.0374 232.15) 35.417% 37.500%, oklch(86.81% 0.0435 234.85) 37.500% 39.583%, oklch(84.69% 0.0516 238.11) 39.583% 41.667%, oklch(82.17% 0.0613 241.80) 41.667% 43.750%, oklch(79.31% 0.0724 245.83) 43.750% 45.833%, oklch(76.19% 0.0843 250.09) 45.833% 47.917%, oklch(72.87% 0.0969 254.49) 47.917% 50.000%, oklch(69.43% 0.1096 258.91) 50.000% 52.083%, oklch(65.94% 0.1222 263.26) 52.083% 54.167%, oklch(62.47% 0.1343 267.43) 54.167% 56.250%, oklch(59.09% 0.1455 271.31) 56.250% 58.333%, oklch(55.87% 0.1555 274.82) 58.333% 60.417%, oklch(52.89% 0.1638 277.83) 60.417% 62.500%, oklch(50.22% 0.1702 280.26) 62.500% 64.583%, oklch(47.91% 0.1742 281.99) 64.583% 66.667%, oklch(45.98% 0.1758 282.97) 66.667% 68.750%, oklch(44.19% 0.1752 283.33) 68.750% 70.833%, oklch(42.51% 0.1729 283.14) 70.833% 72.917%, oklch(40.95% 0.1691 282.48) 72.917% 75.000%, oklch(39.49% 0.1639 281.41) 75.000% 77.083%, oklch(38.14% 0.1577 280.01) 77.083% 79.167%, oklch(36.88% 0.1507 278.36) 79.167% 81.250%, oklch(35.72% 0.1431 276.51) 81.250% 83.333%, oklch(34.64% 0.1352 274.54) 83.333% 85.417%, oklch(33.64% 0.1272 272.52) 85.417% 87.500%, oklch(32.73% 0.1194 270.53) 87.500% 89.583%, oklch(31.88% 0.1119 268.63) 89.583% 91.667%, oklch(31.11% 0.1051 266.89) 91.667% 93.750%, oklch(30.39% 0.0992 265.39) 93.750% 95.833%, oklch(29.74% 0.0944 264.19) 95.833% 97.917%, oklch(29.13% 0.0909 263.37) 97.917% 100.000%);