유사색 검정·피치·갈색 원뿔형 그라데이션
원뿔형 그라데이션, 색상 80개, 각도 120°: #221819, #5f3431, #b57056, #bc7b5c, #462722. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 4개.
- #221819
- #231819
- #25191a
- #271a1b
- #291b1c
- #2c1c1d
- #2e1d1f
- #311f20
- #342021
- #372122
- #3a2324
- #3d2425
- #412626
- #442728
- #482929
- #4c2a2a
- #4f2c2c
- #532e2d
- #57302e
- #5b3230
- #5f3431
- #623632
- #663834
- #6a3a35
- #6e3c36
- #713e37
- #754039
- #78423a
- #7c453c
- #80473d
- #844a3f
- #894e41
- #8e5143
- #935545
- #975848
- #9c5c4a
- #a1604c
- #a6644f
- #ab6851
- #b06c53
- #b57056
- #b97458
- #bd785a
- #c17b5c
- #c57e5e
- #c88160
- #cb8461
- #ce8663
- #d08864
- #d18a65
- #d28b65
- #d28c66
- #d28c66
- #d18b65
- #cf8a65
- #cd8864
- #ca8662
- #c68360
- #c17f5e
- #bc7b5c
- #b6775a
- #b07357
- #aa6e54
- #a36951
- #9c644e
- #955f4a
- #8e5947
- #875444
- #804f40
- #794a3d
- #724539
- #6b4136
- #653c33
- #5f3830
- #5a342d
- #55312a
- #502e28
- #4c2b26
- #492924
- #462722
CSS
background: conic-gradient(from 120deg in oklch, oklch(22.05% 0.0165 11.95) 0.0%, oklch(22.49% 0.0178 12.30) 1.3%, oklch(22.98% 0.0192 12.68) 2.5%, oklch(23.52% 0.0208 13.10) 3.8%, oklch(24.11% 0.0226 13.57) 5.1%, oklch(24.74% 0.0246 14.06) 6.3%, oklch(25.42% 0.0267 14.59) 7.6%, oklch(26.13% 0.0289 15.15) 8.9%, oklch(26.88% 0.0313 15.74) 10.1%, oklch(27.66% 0.0337 16.36) 11.4%, oklch(28.48% 0.0362 17.00) 12.7%, oklch(29.32% 0.0388 17.66) 13.9%, oklch(30.19% 0.0415 18.34) 15.2%, oklch(31.08% 0.0442 19.03) 16.5%, oklch(31.98% 0.0469 19.75) 17.7%, oklch(32.91% 0.0496 20.47) 19.0%, oklch(33.85% 0.0523 21.21) 20.3%, oklch(34.80% 0.0549 21.95) 21.5%, oklch(35.76% 0.0576 22.70) 22.8%, oklch(36.72% 0.0601 23.45) 24.1%, oklch(37.69% 0.0626 24.20) 25.3%, oklch(38.66% 0.0650 24.96) 26.6%, oklch(39.62% 0.0673 25.71) 27.8%, oklch(40.58% 0.0695 26.45) 29.1%, oklch(41.53% 0.0716 27.19) 30.4%, oklch(42.47% 0.0735 27.91) 31.6%, oklch(43.40% 0.0752 28.63) 32.9%, oklch(44.33% 0.0769 29.34) 34.2%, oklch(45.36% 0.0785 30.12) 35.4%, oklch(46.48% 0.0801 30.95) 36.7%, oklch(47.68% 0.0817 31.83) 38.0%, oklch(48.94% 0.0832 32.75) 39.2%, oklch(50.25% 0.0848 33.70) 40.5%, oklch(51.61% 0.0863 34.68) 41.8%, oklch(53.00% 0.0878 35.68) 43.0%, oklch(54.41% 0.0893 36.69) 44.3%, oklch(55.82% 0.0907 37.71) 45.6%, oklch(57.24% 0.0921 38.73) 46.8%, oklch(58.63% 0.0934 39.73) 48.1%, oklch(60.01% 0.0946 40.72) 49.4%, oklch(61.34% 0.0957 41.69) 50.6%, oklch(62.62% 0.0968 42.63) 51.9%, oklch(63.85% 0.0978 43.53) 53.2%, oklch(65.00% 0.0986 44.39) 54.4%, oklch(66.07% 0.0994 45.19) 55.7%, oklch(67.04% 0.1000 45.94) 57.0%, oklch(67.90% 0.1006 46.62) 58.2%, oklch(68.65% 0.1010 47.22) 59.5%, oklch(69.26% 0.1013 47.75) 60.8%, oklch(69.74% 0.1014 48.19) 62.0%, oklch(70.06% 0.1014 48.53) 63.3%, oklch(70.22% 0.1012 48.78) 64.6%, oklch(70.20% 0.1009 48.91) 65.8%, oklch(69.99% 0.1004 48.93) 67.1%, oklch(69.55% 0.0996 48.81) 68.4%, oklch(68.89% 0.0986 48.57) 69.6%, oklch(68.03% 0.0973 48.20) 70.9%, oklch(66.98% 0.0958 47.71) 72.2%, oklch(65.76% 0.0941 47.13) 73.4%, oklch(64.38% 0.0922 46.45) 74.7%, oklch(62.87% 0.0901 45.70) 75.9%, oklch(61.24% 0.0879 44.87) 77.2%, oklch(59.51% 0.0856 43.97) 78.5%, oklch(57.69% 0.0832 43.03) 79.7%, oklch(55.81% 0.0807 42.04) 81.0%, oklch(53.88% 0.0781 41.02) 82.3%, oklch(51.91% 0.0755 39.98) 83.5%, oklch(49.93% 0.0729 38.92) 84.8%, oklch(47.94% 0.0703 37.87) 86.1%, oklch(45.98% 0.0677 36.82) 87.3%, oklch(44.05% 0.0652 35.78) 88.6%, oklch(42.17% 0.0628 34.77) 89.9%, oklch(40.37% 0.0604 33.80) 91.1%, oklch(38.65% 0.0581 32.88) 92.4%, oklch(37.03% 0.0560 32.01) 93.7%, oklch(35.53% 0.0541 31.21) 94.9%, oklch(34.18% 0.0523 30.48) 96.2%, oklch(32.97% 0.0507 29.84) 97.5%, oklch(31.94% 0.0494 29.30) 98.7%, oklch(31.10% 0.0482 28.86) 100.0%);