黒、グレー、ベージュと紫の線形グラデーション
黒、グレー、ベージュと紫のパレット（40色）。 #192b25, #6a7578, #b3b4b9, #ddd9d9, #ece3cf, #e7d290, #d78363, #703981。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
40色、編集できる OKLCH キーフレーム5個。
- #192b25
- #20322e
- #2b3c39
- #384947
- #475756
- #586667
- #6a7578
- #7c8588
- #8c9498
- #9ba1a5
- #a8abb0
- #b3b4b9
- #bdbcc0
- #c5c4c7
- #cdcacc
- #d3d0d1
- #d8d5d5
- #ddd9d9
- #e1dcda
- #e5dfda
- #e8e1d8
- #eae2d4
- #ece3cf
- #ece3c7
- #ece2bf
- #ebe0b4
- #e9dda9
- #e8d89d
- #e7d290
- #e6c982
- #e5bd76
- #e3ac6a
- #df9863
- #d78363
- #cb6f68
- #ba5d70
- #a54f78
- #91457d
- #7e3e80
- #703981
CSS
background: linear-gradient(45deg in oklch, oklch(27.17% 0.0262 171.56) 0.0%, oklch(30.12% 0.0250 176.18) 2.6%, oklch(34.10% 0.0233 181.61) 5.1%, oklch(38.87% 0.0213 187.87) 7.7%, oklch(44.18% 0.0191 194.99) 10.3%, oklch(49.80% 0.0168 202.99) 12.8%, oklch(55.48% 0.0145 211.92) 15.4%, oklch(60.98% 0.0123 221.78) 17.9%, oklch(66.06% 0.0105 232.61) 20.5%, oklch(70.49% 0.0090 244.45) 23.1%, oklch(74.04% 0.0081 257.38) 25.6%, oklch(77.06% 0.0070 272.89) 28.2%, oklch(79.76% 0.0058 290.94) 30.8%, oklch(82.15% 0.0046 310.74) 33.3%, oklch(84.25% 0.0036 331.50) 35.9%, oklch(86.05% 0.0030 352.42) 38.5%, oklch(87.59% 0.0031 12.71) 41.0%, oklch(88.85% 0.0040 31.57) 43.6%, oklch(89.87% 0.0058 48.22) 46.2%, oklch(90.64% 0.0089 61.86) 48.7%, oklch(91.19% 0.0136 72.02) 51.3%, oklch(91.54% 0.0202 80.20) 53.8%, oklch(91.68% 0.0284 86.73) 56.4%, oklch(91.56% 0.0378 91.61) 59.0%, oklch(91.19% 0.0480 94.88) 61.5%, oklch(90.52% 0.0585 96.56) 64.1%, oklch(89.53% 0.0689 96.65) 66.7%, oklch(88.21% 0.0787 95.19) 69.2%, oklch(86.52% 0.0875 92.19) 71.8%, oklch(84.44% 0.0949 87.68) 74.4%, oklch(81.78% 0.1007 80.90) 76.9%, oklch(78.22% 0.1058 70.41) 79.5%, oklch(73.98% 0.1102 57.03) 82.1%, oklch(69.28% 0.1140 41.64) 84.6%, oklch(64.35% 0.1173 25.14) 87.2%, oklch(59.43% 0.1201 8.43) 89.7%, oklch(54.76% 0.1225 352.41) 92.3%, oklch(50.55% 0.1246 337.96) 94.9%, oklch(47.05% 0.1265 325.99) 97.4%, oklch(44.49% 0.1281 317.39) 100.0%);