同系色の青緑とグレーの放射状スウォッチ
放射状スウォッチ、32色：#204a4e, #4c7573, #85a095, #b1beac, #d8d2b6。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム4個。
- #204a4e
- #244d51
- #285155
- #2d5659
- #325c5e
- #386263
- #3f6868
- #466f6e
- #4c7573
- #537b78
- #5a817c
- #608680
- #678c84
- #6e9188
- #76968d
- #7d9b91
- #85a095
- #8ca599
- #93aa9d
- #99aea1
- #a0b3a4
- #a5b7a7
- #abbbaa
- #b1beac
- #b6c2ae
- #bcc5af
- #c1c8b1
- #c7cbb2
- #cccdb3
- #d1cfb4
- #d5d1b5
- #d8d2b6
CSS
background: radial-gradient(circle at 50% 50%, oklch(38.19% 0.0469 203.91) 0.000% 3.125%, oklch(39.33% 0.0467 202.95) 3.125% 6.250%, oklch(40.79% 0.0467 201.83) 6.250% 9.375%, oklch(42.52% 0.0466 200.54) 9.375% 12.500%, oklch(44.47% 0.0466 199.08) 12.500% 15.625%, oklch(46.56% 0.0464 197.46) 15.625% 18.750%, oklch(48.75% 0.0463 195.66) 18.750% 21.875%, oklch(50.98% 0.0460 193.70) 21.875% 25.000%, oklch(53.17% 0.0456 191.57) 25.000% 28.125%, oklch(55.29% 0.0451 189.27) 28.125% 31.250%, oklch(57.26% 0.0444 186.80) 31.250% 34.375%, oklch(59.09% 0.0434 184.16) 34.375% 37.500%, oklch(60.92% 0.0421 181.35) 37.500% 40.625%, oklch(62.76% 0.0405 178.36) 40.625% 43.750%, oklch(64.59% 0.0386 175.21) 43.750% 46.875%, oklch(66.41% 0.0367 171.88) 46.875% 50.000%, oklch(68.18% 0.0348 168.39) 50.000% 53.125%, oklch(69.91% 0.0330 164.74) 53.125% 56.250%, oklch(71.57% 0.0314 160.93) 56.250% 59.375%, oklch(73.16% 0.0301 156.96) 59.375% 62.500%, oklch(74.65% 0.0292 152.84) 62.500% 65.625%, oklch(76.05% 0.0289 148.54) 65.625% 68.750%, oklch(77.39% 0.0290 143.64) 68.750% 71.875%, oklch(78.68% 0.0296 138.18) 71.875% 75.000%, oklch(79.92% 0.0306 132.36) 75.000% 78.125%, oklch(81.09% 0.0317 126.35) 78.125% 81.250%, oklch(82.19% 0.0330 120.36) 81.250% 84.375%, oklch(83.20% 0.0344 114.56) 84.375% 87.500%, oklch(84.12% 0.0357 109.16) 87.500% 90.625%, oklch(84.94% 0.0369 104.33) 90.625% 93.750%, oklch(85.64% 0.0379 100.27) 93.750% 96.875%, oklch(86.22% 0.0386 97.17) 96.875% 100.000%);