紫、茶色、青とグレーの線形グラデーション
紫、茶色、青とグレーのパレット(48色)。 #23418a, #833a62, #9f5355, #8587cb, #609eb6, #6d8087, #6f828b, #6d90a4。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
48色、編集できる OKLCH キーフレーム5個。
- #23418a
- #31408b
- #413e8b
- #503c88
- #603a82
- #6e3979
- #7a396e
- #833a62
- #8b3d57
- #90414f
- #944649
- #974b48
- #9b4f4c
- #9f5355
- #a25763
- #a55c74
- #a66288
- #a36a9d
- #9c73b0
- #927dc0
- #8587cb
- #7891d0
- #6b99d1
- #629fcf
- #5ea1ca
- #5da2c5
- #5da1be
- #609eb6
- #629aae
- #6596a7
- #68919f
- #6a8c98
- #6b8791
- #6d838c
- #6d8087
- #6e7e84
- #6f7e83
- #6f7e84
- #6f7f85
- #6f8088
- #6f828b
- #6e858f
- #6e8793
- #6d8997
- #6d8b9b
- #6d8d9f
- #6d8fa2
- #6d90a4
CSS
background: linear-gradient(135deg in oklch, oklch(39.76% 0.1268 264.38) 0.0%, oklch(40.33% 0.1255 271.16) 2.1%, oklch(41.03% 0.1238 280.87) 4.3%, oklch(41.83% 0.1218 292.80) 6.4%, oklch(42.73% 0.1195 306.24) 8.5%, oklch(43.71% 0.1171 320.49) 10.6%, oklch(44.77% 0.1146 334.84) 12.8%, oklch(45.89% 0.1120 348.58) 14.9%, oklch(47.05% 0.1095 1.00) 17.0%, oklch(48.24% 0.1072 11.40) 19.1%, oklch(49.45% 0.1050 19.07) 21.3%, oklch(50.67% 0.1031 23.30) 23.4%, oklch(51.88% 0.1016 23.38) 25.5%, oklch(53.27% 0.1007 19.04) 27.7%, oklch(54.84% 0.1003 10.87) 29.8%, oklch(56.54% 0.1003 359.60) 31.9%, oklch(58.31% 0.1005 345.94) 34.0%, oklch(60.10% 0.1007 330.62) 36.2%, oklch(61.84% 0.1009 314.35) 38.3%, oklch(63.49% 0.1008 297.85) 40.4%, oklch(64.97% 0.1004 281.84) 42.6%, oklch(66.25% 0.0994 267.05) 44.7%, oklch(67.25% 0.0978 254.18) 46.8%, oklch(67.92% 0.0953 243.96) 48.9%, oklch(68.19% 0.0918 236.83) 51.1%, oklch(68.03% 0.0868 231.46) 53.2%, oklch(67.49% 0.0806 227.43) 55.3%, oklch(66.65% 0.0735 224.56) 57.4%, oklch(65.59% 0.0658 222.68) 59.6%, oklch(64.38% 0.0579 221.61) 61.7%, oklch(63.10% 0.0499 221.16) 63.8%, oklch(61.83% 0.0423 221.17) 66.0%, oklch(60.64% 0.0353 221.45) 68.1%, oklch(59.61% 0.0292 221.83) 70.2%, oklch(58.81% 0.0244 222.12) 72.3%, oklch(58.33% 0.0212 222.16) 74.5%, oklch(58.19% 0.0197 222.04) 76.6%, oklch(58.27% 0.0198 222.35) 78.7%, oklch(58.55% 0.0210 223.04) 80.9%, oklch(58.97% 0.0234 224.03) 83.0%, oklch(59.51% 0.0265 225.25) 85.1%, oklch(60.13% 0.0301 226.62) 87.2%, oklch(60.79% 0.0340 228.06) 89.4%, oklch(61.45% 0.0380 229.50) 91.5%, oklch(62.08% 0.0418 230.87) 93.6%, oklch(62.63% 0.0452 232.08) 95.7%, oklch(63.08% 0.0478 233.06) 97.9%, oklch(63.39% 0.0496 233.73) 100.0%);