유사색 검정·보라·분홍 선형 그라데이션
선형 그라데이션, 색상 32개, 각도 45°: #09090b, #1d1d1d, #7a3073, #f14e92, #f5d0fd. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 4개.
- #09090b
- #0b0b0c
- #0c0c0d
- #0e0e0e
- #111111
- #131313
- #161616
- #191919
- #1d1d1d
- #212121
- #262627
- #2b2a32
- #332f40
- #3f3250
- #4f335f
- #63336b
- #7a3073
- #922b77
- #a92576
- #bf2174
- #d12173
- #df2b77
- #ea3b82
- #f14e92
- #f662a5
- #f876b9
- #f889cc
- #f79cdd
- #f5adea
- #f4bbf3
- #f4c7f9
- #f5d0fd
CSS
background: linear-gradient(45deg in oklch, oklch(14.17% 0.0041 286.17) 0.0%, oklch(14.86% 0.0033 285.85) 3.2%, oklch(15.65% 0.0011 285.04) 6.5%, oklch(16.54% 0.0000 89.88) 9.7%, oklch(17.55% 0.0000 89.88) 12.9%, oklch(18.69% 0.0000 89.88) 16.1%, oklch(19.98% 0.0000 89.88) 19.4%, oklch(21.43% 0.0000 89.88) 22.6%, oklch(23.05% 0.0000 89.88) 25.8%, oklch(24.85% 0.0000 89.88) 29.0%, oklch(26.85% 0.0023 285.04) 32.3%, oklch(29.08% 0.0139 289.12) 35.5%, oklch(31.62% 0.0317 295.29) 38.7%, oklch(34.41% 0.0541 303.08) 41.9%, oklch(37.41% 0.0797 311.98) 45.2%, oklch(40.58% 0.1070 321.46) 48.4%, oklch(43.85% 0.1343 331.01) 51.6%, oklch(47.17% 0.1602 340.11) 54.8%, oklch(50.51% 0.1831 348.24) 58.1%, oklch(53.80% 0.2014 354.88) 61.3%, oklch(57.00% 0.2137 359.50) 64.5%, oklch(60.08% 0.2184 1.61) 67.7%, oklch(63.31% 0.2155 1.27) 71.0%, oklch(66.72% 0.2063 358.95) 74.2%, oklch(70.21% 0.1924 355.06) 77.4%, oklch(73.71% 0.1749 350.03) 80.6%, oklch(77.14% 0.1553 344.30) 83.9%, oklch(80.40% 0.1349 338.28) 87.1%, oklch(83.41% 0.1151 332.42) 90.3%, oklch(86.10% 0.0973 327.13) 93.5%, oklch(88.38% 0.0828 322.84) 96.8%, oklch(90.16% 0.0730 319.99) 100.0%);