くすんだ茶色から黒の虹色の放射状グラデーション
くすんだ茶色から黒の虹色のパレット(48色)。 #717a4e, #a23563, #7b3c95, #6b487b, #3b4579, #66b58b, #a9ab70, #232724。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
48色、編集できる OKLCH キーフレーム6個。
- #717a4e
- #777643
- #817034
- #8e6625
- #9a5923
- #a34a32
- #a63d49
- #a23563
- #9a327a
- #90328b
- #873495
- #813799
- #7d3998
- #7b3c95
- #7a3e90
- #79418a
- #784384
- #764580
- #74477d
- #70487c
- #6b487b
- #65467a
- #5e4478
- #574276
- #504175
- #494075
- #424176
- #3b4579
- #334b7c
- #2a5582
- #1e658a
- #0f7a90
- #1b8f93
- #3fa490
- #66b58b
- #8cc185
- #abc881
- #beca7f
- #c3c57c
- #bbba78
- #a9ab70
- #919767
- #77825c
- #5e6b50
- #495543
- #374136
- #2b322c
- #232724
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(55.91% 0.0634 118.12) 0.0%, oklch(55.40% 0.0709 107.67) 2.1%, oklch(54.70% 0.0817 93.20) 4.3%, oklch(53.87% 0.0948 75.80) 6.4%, oklch(52.94% 0.1092 56.53) 8.5%, oklch(51.97% 0.1239 36.46) 10.6%, oklch(51.01% 0.1379 16.68) 12.8%, oklch(50.10% 0.1502 358.25) 14.9%, oklch(49.29% 0.1598 342.24) 17.0%, oklch(48.63% 0.1657 329.74) 19.1%, oklch(48.17% 0.1669 321.53) 21.3%, oklch(47.85% 0.1640 316.81) 23.4%, oklch(47.65% 0.1578 314.80) 25.5%, oklch(47.53% 0.1491 314.81) 27.7%, oklch(47.47% 0.1389 316.13) 29.8%, oklch(47.43% 0.1279 318.06) 31.9%, oklch(47.37% 0.1171 319.90) 34.0%, oklch(47.26% 0.1073 320.93) 36.2%, oklch(47.08% 0.0994 320.47) 38.3%, oklch(46.77% 0.0943 317.87) 40.4%, oklch(46.09% 0.0909 314.34) 42.6%, oklch(45.04% 0.0887 310.56) 44.7%, oklch(43.81% 0.0874 306.36) 46.8%, oklch(42.54% 0.0867 301.59) 48.9%, oklch(41.42% 0.0867 296.09) 51.1%, oklch(40.62% 0.0869 289.70) 53.2%, oklch(40.30% 0.0874 282.27) 55.3%, oklch(40.63% 0.0879 273.65) 57.4%, oklch(41.78% 0.0882 263.66) 59.6%, oklch(44.20% 0.0887 251.40) 61.7%, oklch(48.24% 0.0903 235.74) 63.8%, oklch(53.43% 0.0925 217.66) 66.0%, oklch(59.29% 0.0951 198.19) 68.1%, oklch(65.31% 0.0976 178.35) 70.2%, oklch(71.00% 0.0996 159.17) 72.3%, oklch(75.87% 0.1007 141.67) 74.5%, oklch(79.41% 0.1005 126.88) 76.6%, oklch(81.14% 0.0986 115.84) 78.7%, oklch(80.56% 0.0945 109.49) 80.9%, oklch(77.53% 0.0877 107.64) 83.0%, oklch(72.52% 0.0786 109.41) 85.1%, oklch(66.06% 0.0680 113.97) 87.2%, oklch(58.68% 0.0564 120.46) 89.4%, oklch(50.93% 0.0446 128.05) 91.5%, oklch(43.33% 0.0332 135.91) 93.6%, oklch(36.41% 0.0229 143.19) 95.7%, oklch(30.72% 0.0144 149.04) 97.9%, oklch(26.77% 0.0083 152.65) 100.0%);