검정·갈색·회색·진초록 원뿔형 스와치
원뿔형 스와치, 색상 24개, 각도 135°: #24191a, #6a3739, #b98066, #a09b74, #3e5846. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 6개.
- #24191a
- #2c1c1e
- #372123
- #442728
- #522c2e
- #5e3234
- #6a3739
- #763d3f
- #824345
- #8e4c4b
- #9c5a51
- #ac6c5b
- #b98066
- #c29170
- #c39c75
- #bca076
- #b09f76
- #a09b74
- #909471
- #808b6c
- #6d7e63
- #5a6f57
- #49614d
- #3e5846
CSS
background: conic-gradient(from 135deg, oklch(22.83% 0.0179 12.66) 0.000% 4.167%, oklch(24.84% 0.0246 13.45) 4.167% 8.333%, oklch(27.68% 0.0343 14.59) 8.333% 12.500%, oklch(30.98% 0.0451 15.89) 12.500% 16.667%, oklch(34.34% 0.0554 17.21) 16.667% 20.833%, oklch(37.40% 0.0638 18.28) 20.833% 25.000%, oklch(40.25% 0.0720 18.42) 25.000% 29.167%, oklch(43.11% 0.0796 18.43) 29.167% 33.333%, oklch(46.17% 0.0857 19.36) 33.333% 37.500%, oklch(49.64% 0.0893 22.30) 37.500% 41.667%, oklch(54.03% 0.0893 27.97) 41.667% 45.833%, oklch(59.54% 0.0862 35.77) 45.833% 50.000%, oklch(65.09% 0.0812 45.05) 50.000% 54.167%, oklch(69.57% 0.0757 55.15) 54.167% 58.333%, oklch(71.91% 0.0707 65.46) 58.333% 62.500%, oklch(72.09% 0.0655 76.86) 62.500% 66.667%, oklch(70.75% 0.0597 89.21) 66.667% 70.833%, oklch(68.36% 0.0542 101.60) 70.833% 75.000%, oklch(65.41% 0.0496 113.12) 75.000% 79.167%, oklch(61.96% 0.0466 123.30) 79.167% 83.333%, oklch(57.08% 0.0448 133.18) 83.333% 87.500%, oklch(51.65% 0.0438 142.27) 87.500% 91.667%, oklch(46.70% 0.0432 149.87) 91.667% 95.833%, oklch(43.31% 0.0427 155.32) 95.833% 100.000%);