ネイビー、グレーと明るいピンクの放射状スウォッチ
放射状スウォッチ、32色：#24334c, #6b7a94, #bb8896, #e7cacf, #faeee7。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #24334c
- #293851
- #304059
- #384a62
- #42556c
- #4d6077
- #576a82
- #62738c
- #6b7a94
- #747d9b
- #7e7fa0
- #897fa2
- #957ea1
- #a07e9e
- #ab7f99
- #b38295
- #bb8896
- #c2909b
- #c999a2
- #d0a3ab
- #d6aeb6
- #dcb8bf
- #e2c2c8
- #e7cacf
- #ebd1d4
- #efd7d7
- #f2dcdb
- #f5e1dd
- #f7e5e0
- #f8e9e2
- #f9ece5
- #faeee7
CSS
background: radial-gradient(circle at 50% 50%, oklch(31.89% 0.0496 260.16) 0.000% 3.125%, oklch(34.02% 0.0490 259.45) 3.125% 6.250%, oklch(36.98% 0.0479 257.75) 6.250% 9.375%, oklch(40.52% 0.0466 255.69) 9.375% 12.500%, oklch(44.36% 0.0453 253.89) 12.500% 15.625%, oklch(48.26% 0.0442 252.98) 15.625% 18.750%, oklch(51.94% 0.0436 253.58) 18.750% 21.875%, oklch(55.15% 0.0436 256.32) 21.875% 25.000%, oklch(57.63% 0.0444 261.87) 25.000% 28.125%, oklch(59.43% 0.0467 271.27) 28.125% 31.250%, oklch(60.76% 0.0502 283.87) 31.250% 34.375%, oklch(61.78% 0.0543 298.48) 34.375% 37.500%, oklch(62.65% 0.0585 313.92) 37.500% 40.625%, oklch(63.54% 0.0622 329.00) 40.625% 43.750%, oklch(64.61% 0.0650 342.55) 43.750% 46.875%, oklch(66.04% 0.0663 353.36) 46.875% 50.000%, oklch(67.96% 0.0655 0.44) 50.000% 53.125%, oklch(70.34% 0.0627 4.37) 53.125% 56.250%, oklch(73.05% 0.0585 6.01) 56.250% 59.375%, oklch(75.94% 0.0533 6.14) 59.375% 62.500%, oklch(78.87% 0.0477 5.55) 62.500% 65.625%, oklch(81.71% 0.0420 5.00) 65.625% 68.750%, oklch(84.31% 0.0368 5.27) 68.750% 71.875%, oklch(86.53% 0.0325 7.14) 71.875% 75.000%, oklch(88.33% 0.0294 11.09) 75.000% 78.125%, oklch(89.91% 0.0267 16.55) 78.125% 81.250%, oklch(91.28% 0.0243 23.00) 81.250% 84.375%, oklch(92.46% 0.0222 29.92) 84.375% 87.500%, oklch(93.47% 0.0204 36.82) 87.500% 90.625%, oklch(94.33% 0.0189 43.19) 90.625% 93.750%, oklch(95.06% 0.0176 48.53) 93.750% 96.875%, oklch(95.67% 0.0165 52.33) 96.875% 100.000%);