補色の紫、グレーとタンの線形グラデーション
補色の紫、グレーとタンのパレット（32色）。 #7871b2, #6668a2, #687974, #92934f, #bbb162, #c1b993, #9aadac, #6a979b。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム8個。
- #7871b2
- #766faf
- #736bab
- #6e68a6
- #6668a2
- #5a6c9d
- #517291
- #547581
- #607777
- #687974
- #6b8072
- #71886a
- #808f5c
- #92934f
- #a1974a
- #ab9e4b
- #b2a551
- #b6ac59
- #bbb162
- #c1b46e
- #c5b67b
- #c5b889
- #c1b993
- #b8bb9c
- #acbaa5
- #a4b7ac
- #a0b2ae
- #9aadac
- #8fa7a8
- #81a1a3
- #739b9e
- #6a979b
CSS
background: linear-gradient(270deg in oklch, oklch(58.27% 0.0978 287.58) 0.0%, oklch(57.46% 0.0972 287.64) 3.2%, oklch(56.25% 0.0966 288.43) 6.5%, oklch(55.02% 0.0947 287.28) 9.7%, oklch(54.13% 0.0900 281.54) 12.9%, oklch(53.83% 0.0801 268.43) 16.1%, oklch(53.87% 0.0623 247.54) 19.4%, oklch(54.23% 0.0423 222.56) 22.6%, oklch(54.96% 0.0268 197.42) 25.8%, oklch(56.10% 0.0223 175.98) 29.0%, oklch(57.81% 0.0324 156.64) 32.3%, oklch(60.00% 0.0517 138.17) 35.5%, oklch(62.39% 0.0734 122.00) 38.7%, oklch(64.73% 0.0906 109.55) 41.9%, oklch(66.94% 0.0995 102.34) 45.2%, oklch(69.28% 0.1048 100.27) 48.4%, oklch(71.57% 0.1070 101.10) 51.6%, oklch(73.61% 0.1060 102.53) 54.8%, oklch(75.21% 0.1017 102.23) 58.1%, oklch(76.50% 0.0920 98.87) 61.3%, oklch(77.50% 0.0786 94.95) 64.5%, oklch(78.14% 0.0645 93.66) 67.7%, oklch(78.35% 0.0524 98.17) 71.0%, oklch(78.08% 0.0428 112.17) 74.2%, oklch(77.35% 0.0337 134.51) 77.4%, oklch(76.25% 0.0262 159.35) 80.6%, oklch(74.88% 0.0215 180.81) 83.9%, oklch(73.26% 0.0213 193.63) 87.1%, oklch(71.01% 0.0266 199.55) 90.3%, oklch(68.48% 0.0352 201.43) 93.5%, oklch(66.16% 0.0439 201.50) 96.8%, oklch(64.57% 0.0496 201.98) 100.0%);