ベージュから黒の放射状グラデーション
ベージュから黒のパレット（32色）。 #f5dca1, #e9c57e, #d29558, #a36a5c, #634458, #343149, #141d2d, #08121f。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
32色、編集できる OKLCH キーフレーム5個。
- #f5dca1
- #f3d89b
- #f0d393
- #edcd89
- #e9c57e
- #e6bd73
- #e2b468
- #ddaa60
- #d8a05a
- #d29558
- #c88a58
- #bd7e5a
- #b1745b
- #a36a5c
- #95615d
- #88585c
- #7c515b
- #6f4a5a
- #634458
- #563f56
- #4a3a52
- #3f354e
- #343149
- #2b2c43
- #24283d
- #1e2437
- #182032
- #141d2d
- #101928
- #0d1725
- #0a1421
- #08121f
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(90.16% 0.0799 87.89) 0.0%, oklch(89.03% 0.0829 86.96) 3.2%, oklch(87.61% 0.0876 86.07) 6.5%, oklch(85.92% 0.0931 85.04) 9.7%, oklch(84.00% 0.0989 83.66) 12.9%, oklch(81.87% 0.1042 81.74) 16.1%, oklch(79.56% 0.1082 79.08) 19.4%, oklch(77.11% 0.1103 75.48) 22.6%, oklch(74.54% 0.1098 70.74) 25.8%, oklch(71.66% 0.1065 64.92) 29.0%, oklch(68.48% 0.1008 58.16) 32.3%, oklch(65.09% 0.0936 50.58) 35.5%, oklch(61.60% 0.0855 42.31) 38.7%, oklch(58.11% 0.0773 33.48) 41.9%, oklch(54.71% 0.0696 24.19) 45.2%, oklch(51.50% 0.0632 14.58) 48.4%, oklch(48.54% 0.0585 4.55) 51.6%, oklch(45.67% 0.0546 353.06) 54.8%, oklch(42.85% 0.0514 340.48) 58.1%, oklch(40.12% 0.0487 327.39) 61.3%, oklch(37.50% 0.0464 314.38) 64.5%, oklch(34.99% 0.0443 302.05) 67.7%, oklch(32.63% 0.0424 291.00) 71.0%, oklch(30.44% 0.0404 281.80) 74.2%, oklch(28.40% 0.0386 274.76) 77.4%, oklch(26.46% 0.0368 269.28) 80.6%, oklch(24.64% 0.0353 265.08) 83.9%, oklch(22.96% 0.0340 261.91) 87.1%, oklch(21.44% 0.0328 259.52) 90.3%, oklch(20.12% 0.0318 257.66) 93.5%, oklch(19.00% 0.0310 256.07) 96.8%, oklch(18.11% 0.0303 254.51) 100.0%);