グレー、緑、青緑とタンの放射状グラデーション
グレー、緑、青緑とタンのパレット(56色)。 #79b296, #85847f, #7a7b59, #168a60, #257477, #72a88a, #c2c57e, #aea448。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
56色、編集できる OKLCH キーフレーム6個。
- #79b296
- #7daf91
- #82a98b
- #87a386
- #8a9d82
- #8c967f
- #8b8f7f
- #89897f
- #85847f
- #81807f
- #7d7d7d
- #7b7b7b
- #7a7977
- #7b7971
- #7c7869
- #7c7961
- #7a7b59
- #767e51
- #6f814c
- #668549
- #59884a
- #4b8b4e
- #3c8c53
- #2b8c59
- #168a60
- #008767
- #00836d
- #007f71
- #007c74
- #077876
- #1a7577
- #257477
- #2d7478
- #33767a
- #397a7c
- #40817f
- #498a82
- #559386
- #629e88
- #72a88a
- #82b28b
- #93ba8c
- #a2c18c
- #afc68b
- #b8c98a
- #bec987
- #c1c883
- #c2c57e
- #c1c177
- #bfbd70
- #bcb868
- #b8b360
- #b5ae59
- #b1aa52
- #afa64c
- #aea448
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(71.65% 0.0730 162.42) 0.0%, oklch(70.89% 0.0684 158.03) 1.8%, oklch(69.86% 0.0616 151.79) 3.6%, oklch(68.63% 0.0532 144.16) 5.5%, oklch(67.24% 0.0439 135.63) 7.3%, oklch(65.76% 0.0341 126.65) 9.1%, oklch(64.25% 0.0245 117.68) 10.9%, oklch(62.77% 0.0156 109.21) 12.7%, oklch(61.37% 0.0082 101.68) 14.5%, oklch(60.12% 0.0027 95.58) 16.4%, oklch(59.06% 0.0000 89.88) 18.2%, oklch(58.27% 0.0000 89.88) 20.0%, oklch(57.74% 0.0041 90.08) 21.8%, oklch(57.42% 0.0120 92.64) 23.6%, oklch(57.26% 0.0227 96.86) 25.5%, oklch(57.24% 0.0356 102.40) 27.3%, oklch(57.30% 0.0498 108.95) 29.1%, oklch(57.42% 0.0644 116.16) 30.9%, oklch(57.56% 0.0788 123.72) 32.7%, oklch(57.67% 0.0921 131.29) 34.5%, oklch(57.72% 0.1034 138.55) 36.4%, oklch(57.67% 0.1120 145.16) 38.2%, oklch(57.48% 0.1171 150.80) 40.0%, oklch(57.05% 0.1186 156.24) 41.8%, oklch(56.36% 0.1173 162.29) 43.6%, oklch(55.49% 0.1115 168.69) 45.5%, oklch(54.53% 0.1027 175.17) 47.3%, oklch(53.56% 0.0963 181.48) 49.1%, oklch(52.67% 0.0918 187.33) 50.9%, oklch(51.94% 0.0876 192.46) 52.7%, oklch(51.46% 0.0807 196.61) 54.5%, oklch(51.31% 0.0747 199.50) 56.4%, oklch(51.59% 0.0701 200.88) 58.2%, oklch(52.36% 0.0675 200.46) 60.0%, oklch(53.83% 0.0666 197.81) 61.8%, oklch(56.00% 0.0665 192.92) 63.6%, oklch(58.71% 0.0672 186.22) 65.5%, oklch(61.81% 0.0686 178.16) 67.3%, oklch(65.14% 0.0705 169.18) 69.1%, oklch(68.52% 0.0727 159.69) 70.9%, oklch(71.80% 0.0753 150.16) 72.7%, oklch(74.83% 0.0779 141.00) 74.5%, oklch(77.43% 0.0806 132.65) 76.4%, oklch(79.44% 0.0831 125.56) 78.2%, oklch(80.71% 0.0854 120.15) 80.0%, oklch(81.21% 0.0878 116.17) 81.8%, oklch(81.11% 0.0904 112.99) 83.6%, oklch(80.51% 0.0933 110.51) 85.5%, oklch(79.53% 0.0964 108.62) 87.3%, oklch(78.26% 0.0995 107.23) 89.1%, oklch(76.83% 0.1026 106.21) 90.9%, oklch(75.33% 0.1055 105.48) 92.7%, oklch(73.87% 0.1083 104.92) 94.5%, oklch(72.57% 0.1107 104.43) 96.4%, oklch(71.53% 0.1128 103.91) 98.2%, oklch(70.87% 0.1144 103.24) 100.0%);