검정·보라·회색 선형 스와치
선형 스와치, 색상 34개, 각도 0°: #000000, #391927, #7f4159, #a17075, #a9a179. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 6개.
- #000000
- #000001
- #010103
- #050309
- #0e0711
- #1a0c18
- #25101e
- #301522
- #391927
- #421c2c
- #4b2032
- #542438
- #5c283e
- #632c44
- #6b3149
- #72364e
- #793b54
- #7f4159
- #85465d
- #8b4c61
- #905265
- #945868
- #985e6c
- #9b6470
- #9e6a73
- #a17075
- #a47676
- #a77c77
- #ab8275
- #ad8974
- #ae9073
- #ad9674
- #ab9c76
- #a9a179
CSS
background: linear-gradient(0deg, oklch(3.15% 0.0000 89.88) 0.000% 2.941%, oklch(5.10% 0.0045 271.92) 2.941% 5.882%, oklch(7.80% 0.0106 284.83) 5.882% 8.824%, oklch(11.01% 0.0179 300.03) 8.824% 11.765%, oklch(14.47% 0.0258 315.81) 11.765% 14.706%, oklch(17.93% 0.0338 330.50) 14.706% 17.647%, oklch(21.13% 0.0414 342.40) 17.647% 20.588%, oklch(23.89% 0.0481 350.02) 20.588% 23.529%, oklch(26.42% 0.0550 354.19) 23.529% 26.471%, oklch(28.84% 0.0620 355.97) 26.471% 29.412%, oklch(31.16% 0.0689 356.13) 29.412% 32.353%, oklch(33.41% 0.0752 355.45) 32.353% 35.294%, oklch(35.60% 0.0806 354.73) 35.294% 38.235%, oklch(37.76% 0.0848 354.75) 38.235% 41.176%, oklch(39.89% 0.0876 355.54) 41.176% 44.118%, oklch(41.97% 0.0894 356.07) 44.118% 47.059%, oklch(43.99% 0.0904 356.48) 47.059% 50.000%, oklch(45.96% 0.0905 356.94) 50.000% 52.941%, oklch(47.87% 0.0898 357.66) 52.941% 55.882%, oklch(49.73% 0.0884 358.82) 55.882% 58.824%, oklch(51.54% 0.0863 0.58) 58.824% 61.765%, oklch(53.28% 0.0828 2.32) 61.765% 64.706%, oklch(54.97% 0.0780 4.03) 64.706% 67.647%, oklch(56.61% 0.0724 6.09) 67.647% 70.588%, oklch(58.19% 0.0667 8.93) 70.588% 73.529%, oklch(59.73% 0.0616 12.94) 73.529% 76.471%, oklch(61.22% 0.0576 18.55) 76.471% 79.412%, oklch(62.70% 0.0553 26.46) 79.412% 82.353%, oklch(64.24% 0.0541 37.64) 82.353% 85.294%, oklch(65.77% 0.0538 50.90) 85.294% 88.235%, oklch(67.23% 0.0540 64.87) 88.235% 91.176%, oklch(68.55% 0.0545 78.20) 91.176% 94.118%, oklch(69.65% 0.0550 89.50) 94.118% 97.059%, oklch(70.47% 0.0551 97.41) 97.059% 100.000%);