オフホワイトからベージュの虹色の円錐スウォッチ
円錐スウォッチ、10色、角度75°：#fcffea, #76dfcc, #664fa9, #e38398, #f8fea5。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム7個。
- #fcffea
- #d5ffc7
- #76dfcc
- #5099bc
- #4168b0
- #664fa9
- #9f599e
- #e38398
- #ffc599
- #f8fea5
CSS
background: conic-gradient(from 75deg, oklch(99.21% 0.0282 113.18) 0.000% 10.000%, oklch(95.62% 0.0855 138.13) 10.000% 20.000%, oklch(83.52% 0.1023 180.33) 20.000% 30.000%, oklch(64.96% 0.0896 231.56) 30.000% 40.000%, oklch(52.32% 0.1224 261.74) 40.000% 50.000%, oklch(49.55% 0.1384 292.30) 50.000% 60.000%, oklch(57.09% 0.1295 327.72) 60.000% 70.000%, oklch(71.86% 0.1189 6.67) 70.000% 80.000%, oklch(86.44% 0.0881 57.98) 80.000% 90.000%, oklch(97.24% 0.1102 111.44) 90.000% 100.000%);