鮮やかな黄色、オレンジ、赤と紫の線形グラデーション
線形グラデーション、40色、角度135°：#fed444, #de9000, #c94700, #970041, #390037。編集して、CSS、SVG、PNG、シェーダーとして書き出せます。
編集できる OKLCH キーフレーム5個。
- #fed444
- #fdd03b
- #fcca2c
- #fac313
- #f7bc00
- #f3b500
- #eead00
- #eaa600
- #e59e00
- #e29700
- #de9000
- #db8a00
- #d98400
- #d67d00
- #d47700
- #d17000
- #cf6900
- #ce6100
- #cc5900
- #ca5100
- #c94700
- #c83b00
- #c82a00
- #c90700
- #c2001b
- #ba0029
- #b10032
- #a90039
- #a0003e
- #970041
- #8d0044
- #830045
- #780045
- #6c0045
- #610043
- #570041
- #4d003e
- #45003c
- #3e0039
- #390037
CSS
background: linear-gradient(135deg in oklch, oklch(88.19% 0.1598 92.11) 0.0%, oklch(87.19% 0.1624 90.92) 2.6%, oklch(85.89% 0.1658 89.45) 5.1%, oklch(84.35% 0.1698 87.72) 7.7%, oklch(82.62% 0.1692 85.77) 10.3%, oklch(80.77% 0.1659 83.64) 12.8%, oklch(78.85% 0.1627 81.35) 15.4%, oklch(76.92% 0.1598 78.95) 17.9%, oklch(75.04% 0.1573 76.46) 20.5%, oklch(73.27% 0.1553 73.93) 23.1%, oklch(71.66% 0.1540 71.38) 25.6%, oklch(70.14% 0.1532 68.74) 28.2%, oklch(68.66% 0.1529 65.99) 30.8%, oklch(67.21% 0.1531 63.13) 33.3%, oklch(65.78% 0.1540 60.17) 35.9%, oklch(64.36% 0.1555 57.12) 38.5%, oklch(62.94% 0.1578 53.98) 41.0%, oklch(61.52% 0.1609 50.76) 43.6%, oklch(60.08% 0.1650 47.47) 46.2%, oklch(58.62% 0.1702 44.11) 48.7%, oklch(57.13% 0.1769 40.68) 51.3%, oklch(55.66% 0.1858 37.11) 53.8%, oklch(54.19% 0.1979 33.40) 56.4%, oklch(52.73% 0.2140 29.59) 59.0%, oklch(51.26% 0.2082 25.76) 61.5%, oklch(49.76% 0.2004 21.85) 64.1%, oklch(48.23% 0.1932 17.92) 66.7%, oklch(46.66% 0.1865 14.02) 69.2%, oklch(45.04% 0.1801 10.17) 71.8%, oklch(43.36% 0.1739 6.40) 74.4%, oklch(41.55% 0.1676 2.63) 76.9%, oklch(39.52% 0.1607 358.63) 79.5%, oklch(37.35% 0.1536 354.50) 82.1%, oklch(35.09% 0.1462 350.33) 84.6%, oklch(32.83% 0.1389 346.23) 87.2%, oklch(30.64% 0.1318 342.32) 89.7%, oklch(28.59% 0.1250 338.69) 92.3%, oklch(26.76% 0.1188 335.45) 94.9%, oklch(25.23% 0.1134 332.71) 97.4%, oklch(24.05% 0.1093 330.58) 100.0%);