オレンジ、紫と青の放射状グラデーション
放射状グラデーション、32色：#ebac22, #ca7318, #8a3a40, #562973, #3c4299。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム7個。
- #ebac22
- #e9a81f
- #e7a21c
- #e49a1a
- #e09318
- #dc8b18
- #d78318
- #d17b18
- #ca7318
- #c36b1b
- #bc631f
- #b55b25
- #ac542b
- #a34d30
- #9a4635
- #92403a
- #8a3a40
- #833547
- #7a304f
- #712d57
- #692b5f
- #612a65
- #5b2a6c
- #562973
- #502a7b
- #4b2b82
- #462d87
- #43318c
- #403690
- #3f3b94
- #3e3f97
- #3c4299
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(78.35% 0.1543 80.86) 0.0%, oklch(77.31% 0.1537 79.10) 3.2%, oklch(75.89% 0.1529 76.64) 6.5%, oklch(74.19% 0.1519 73.73) 9.7%, oklch(72.32% 0.1506 70.64) 12.9%, oklch(70.40% 0.1491 67.60) 16.1%, oklch(68.42% 0.1474 64.82) 19.4%, oklch(66.28% 0.1455 62.17) 22.6%, oklch(64.02% 0.1433 59.41) 25.8%, oklch(61.71% 0.1408 56.31) 29.0%, oklch(59.42% 0.1376 52.66) 32.3%, oklch(57.13% 0.1335 48.40) 35.5%, oklch(54.74% 0.1280 43.94) 38.7%, oklch(52.34% 0.1219 39.01) 41.9%, oklch(50.00% 0.1161 33.33) 45.2%, oklch(47.84% 0.1117 26.60) 48.4%, oklch(45.90% 0.1092 18.38) 51.6%, oklch(44.06% 0.1081 8.15) 54.8%, oklch(42.36% 0.1081 356.70) 58.1%, oklch(40.85% 0.1091 345.04) 61.3%, oklch(39.62% 0.1111 334.14) 64.5%, oklch(38.72% 0.1142 324.89) 67.7%, oklch(38.14% 0.1193 316.67) 71.0%, oklch(37.85% 0.1260 309.15) 74.2%, oklch(37.80% 0.1328 302.35) 77.4%, oklch(37.95% 0.1387 296.31) 80.6%, oklch(38.25% 0.1423 291.03) 83.9%, oklch(38.91% 0.1436 286.61) 87.1%, oklch(39.86% 0.1434 282.98) 90.3%, oklch(40.92% 0.1424 280.07) 93.5%, oklch(41.88% 0.1412 277.77) 96.8%, oklch(42.52% 0.1406 276.01) 100.0%);