鮮やかな類似色の紫とマゼンタの円錐グラデーション
円錐グラデーション、13色、角度45°：#2b004a, #7a0064, #c00492, #dc03c4, #c803f4。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #2b004a
- #3e0154
- #5c015d
- #7a0064
- #940070
- #ac0281
- #c00492
- #cf04a2
- #d803b3
- #dc03c4
- #d803d7
- #cf03e8
- #c803f4
CSS
background: conic-gradient(from 45deg in oklch, oklch(23.27% 0.1217 303.68) 0.0%, oklch(27.46% 0.1351 313.93) 8.3%, oklch(33.48% 0.1532 327.98) 16.7%, oklch(39.38% 0.1721 338.63) 25.0%, oklch(44.74% 0.1919 342.77) 33.3%, oklch(49.97% 0.2127 343.52) 41.7%, oklch(54.33% 0.2315 342.85) 50.0%, oklch(57.54% 0.2472 341.28) 58.3%, oklch(59.87% 0.2609 338.31) 66.7%, oklch(61.42% 0.2728 334.40) 75.0%, oklch(61.94% 0.2832 328.76) 83.3%, oklch(61.68% 0.2918 322.18) 91.7%, oklch(61.42% 0.2976 317.49) 100.0%);