검정·보라·분홍·주황 선형 그라데이션
선형 그라데이션, 색상 32개, 각도 135°: #1a0b14, #561b40, #af2d6e, #ff5657, #febf00. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 4개.
- #1a0b14
- #1e0d17
- #240e1b
- #2a1020
- #321226
- #3a142c
- #431733
- #4c193a
- #561b40
- #601e47
- #6a204d
- #742253
- #7f2559
- #8a275f
- #962964
- #a22b6a
- #af2d6e
- #bc3072
- #c83374
- #d53774
- #e13c71
- #ec426c
- #f64b64
- #ff5657
- #ff6b51
- #ff7d4b
- #ff8c45
- #ff993f
- #ffa537
- #ffaf2b
- #ffb816
- #febf00
CSS
background: linear-gradient(135deg in oklch, oklch(17.72% 0.0303 343.83) 0.0%, oklch(18.87% 0.0355 343.93) 3.2%, oklch(20.33% 0.0421 343.95) 6.5%, oklch(22.03% 0.0499 343.95) 9.7%, oklch(23.95% 0.0587 343.95) 12.9%, oklch(26.04% 0.0681 344.01) 16.1%, oklch(28.25% 0.0780 344.16) 19.4%, oklch(30.54% 0.0881 344.46) 22.6%, oklch(32.87% 0.0982 344.93) 25.8%, oklch(35.19% 0.1079 345.64) 29.0%, oklch(37.45% 0.1170 346.61) 32.3%, oklch(39.67% 0.1257 347.79) 35.5%, oklch(41.99% 0.1352 348.92) 38.7%, oklch(44.38% 0.1452 350.07) 41.9%, oklch(46.83% 0.1553 351.32) 45.2%, oklch(49.32% 0.1654 352.77) 48.4%, oklch(51.82% 0.1750 354.52) 51.6%, oklch(54.31% 0.1839 356.64) 54.8%, oklch(56.76% 0.1918 359.24) 58.1%, oklch(59.17% 0.1983 2.41) 61.3%, oklch(61.49% 0.2032 6.23) 64.5%, oklch(63.74% 0.2060 10.85) 67.7%, oklch(66.03% 0.2066 16.83) 71.0%, oklch(68.38% 0.2049 24.04) 74.2%, oklch(70.75% 0.1859 32.13) 77.4%, oklch(73.08% 0.1719 40.75) 80.6%, oklch(75.34% 0.1627 49.56) 83.9%, oklch(77.48% 0.1581 58.21) 87.1%, oklch(79.44% 0.1579 66.35) 90.3%, oklch(81.19% 0.1616 73.63) 93.5%, oklch(82.68% 0.1681 79.70) 96.8%, oklch(83.86% 0.1721 84.21) 100.0%);