머스터드·주황·빨강·검정 원뿔형 스와치
원뿔형 스와치, 색상 34개, 각도 180°: #c89a10, #b84e08, #8e0007, #580003, #190000. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 6개.
- #c89a10
- #c89305
- #c78b00
- #c68200
- #c47700
- #c26c01
- #bf6207
- #bb580a
- #b84e08
- #b54406
- #b23804
- #ae2c04
- #aa1f06
- #a51208
- #9f0609
- #9a0009
- #940009
- #8e0007
- #880005
- #820004
- #7b0003
- #750003
- #6d0003
- #660004
- #5f0003
- #580003
- #500003
- #480002
- #3f0001
- #360001
- #2d0001
- #240000
- #1e0000
- #190000
CSS
background: conic-gradient(from 180deg, oklch(70.87% 0.1419 86.48) 0.000% 2.941%, oklch(69.64% 0.1422 82.98) 2.941% 5.882%, oklch(67.98% 0.1417 78.06) 5.882% 8.824%, oklch(65.99% 0.1411 72.26) 8.824% 11.765%, oklch(63.82% 0.1420 66.05) 11.765% 14.706%, oklch(61.60% 0.1442 59.96) 14.706% 17.647%, oklch(59.46% 0.1459 54.44) 17.647% 20.588%, oklch(57.50% 0.1488 49.89) 20.588% 23.529%, oklch(55.53% 0.1535 45.69) 23.529% 26.471%, oklch(53.52% 0.1595 41.72) 26.471% 29.412%, oklch(51.52% 0.1660 38.05) 29.412% 32.353%, oklch(49.58% 0.1720 34.78) 32.353% 35.294%, oklch(47.72% 0.1766 32.00) 35.294% 38.235%, oklch(45.99% 0.1790 29.79) 38.235% 41.176%, oklch(44.45% 0.1787 28.30) 41.176% 44.118%, oklch(43.09% 0.1759 27.64) 44.118% 47.059%, oklch(41.83% 0.1707 27.52) 47.059% 50.000%, oklch(40.63% 0.1659 27.75) 50.000% 52.941%, oklch(39.42% 0.1612 28.12) 52.941% 55.882%, oklch(38.12% 0.1560 28.36) 55.882% 58.824%, oklch(36.73% 0.1503 28.38) 58.824% 61.765%, oklch(35.25% 0.1441 28.20) 61.765% 64.706%, oklch(33.72% 0.1378 28.00) 64.706% 67.647%, oklch(32.15% 0.1313 27.80) 67.647% 70.588%, oklch(30.52% 0.1246 27.62) 70.588% 73.529%, oklch(28.85% 0.1177 27.50) 73.529% 76.471%, oklch(27.12% 0.1107 27.44) 76.471% 79.412%, oklch(25.27% 0.1031 27.48) 79.412% 82.353%, oklch(23.15% 0.0945 27.64) 82.353% 85.294%, oklch(20.87% 0.0853 27.89) 85.294% 88.235%, oklch(18.60% 0.0760 28.13) 88.235% 91.176%, oklch(16.48% 0.0674 28.31) 91.176% 94.118%, oklch(14.70% 0.0602 28.45) 94.118% 97.059%, oklch(13.41% 0.0549 28.55) 97.059% 100.000%);