HTML 颜色选择器
选择颜色:
或输入颜色:
或使用 HTML5:
选定颜色:
黑色文本
阴影
白色文本
阴影
#9f9c99
rgb(159, 156, 153)
hsl(30, 3%, 61%)
较浅 / 较深:
| 100% | #ffffff | |
| 95% | #f3f2f2 | |
| 90% | #e6e6e5 | |
| 85% | #dad9d8 | |
| 80% | #ceccca | |
| 75% | #c1bfbd | |
| 70% | #b5b3b0 | |
| 65% | #a8a6a3 | |
| 61% | #9f9c99 | |
| 60% | #9c9996 | |
| 55% | #908c89 | |
| 50% | #83807c | |
| 45% | #76736f | |
| 40% | #696663 | |
| 35% | #5c5957 | |
| 30% | #4f4d4a | |
| 25% | #42403e | |
| 20% | #353331 | |
| 15% | #272625 | |
| 10% | #1a1a19 | |
| 5% | #0d0d0c | |
| 0% | #000000 |
Hue
| hue | Hex | Rgb | Hsl | |
| 0 | #9f9999 | rgb(159, 153, 153) | hsl(0, 3%, 61%) | |
| 15 | #9f9a99 | rgb(159, 154, 153) | hsl(15, 3%, 61%) | |
| 30 | #9f9c99 | rgb(159, 156, 153) | hsl(30, 3%, 61%) | |
| 45 | #9f9d99 | rgb(159, 157, 153) | hsl(45, 3%, 61%) | |
| 60 | #9f9f99 | rgb(159, 159, 153) | hsl(60, 3%, 61%) | |
| 75 | #9d9f99 | rgb(157, 159, 153) | hsl(75, 3%, 61%) | |
| 90 | #9c9f99 | rgb(156, 159, 153) | hsl(90, 3%, 61%) | |
| 105 | #9a9f99 | rgb(154, 159, 153) | hsl(105, 3%, 61%) | |
| 120 | #999f99 | rgb(153, 159, 153) | hsl(120, 3%, 61%) | |
| 135 | #999f9a | rgb(153, 159, 154) | hsl(135, 3%, 61%) | |
| 150 | #999f9c | rgb(153, 159, 156) | hsl(150, 3%, 61%) | |
| 165 | #999f9d | rgb(153, 159, 157) | hsl(165, 3%, 61%) | |
| 180 | #999f9f | rgb(153, 159, 159) | hsl(180, 3%, 61%) | |
| 195 | #999d9f | rgb(153, 157, 159) | hsl(195, 3%, 61%) | |
| 210 | #999c9f | rgb(153, 156, 159) | hsl(210, 3%, 61%) | |
| 225 | #999a9f | rgb(153, 154, 159) | hsl(225, 3%, 61%) | |
| 240 | #99999f | rgb(153, 153, 159) | hsl(240, 3%, 61%) | |
| 255 | #9a999f | rgb(154, 153, 159) | hsl(255, 3%, 61%) | |
| 270 | #9c999f | rgb(156, 153, 159) | hsl(270, 3%, 61%) | |
| 285 | #9d999f | rgb(157, 153, 159) | hsl(285, 3%, 61%) | |
| 300 | #9f999f | rgb(159, 153, 159) | hsl(300, 3%, 61%) | |
| 315 | #9f999d | rgb(159, 153, 157) | hsl(315, 3%, 61%) | |
| 330 | #9f999c | rgb(159, 153, 156) | hsl(330, 3%, 61%) | |
| 345 | #9f999a | rgb(159, 153, 154) | hsl(345, 3%, 61%) | |
| 360 | #9f9999 | rgb(159, 153, 153) | hsl(0, 3%, 61%) |
Saturation
| sat | Hex | Rgb | Hsl | |
| 100% | #ff9c38 | rgb(255, 156, 56) | hsl(30, 100%, 61%) | |
| 95% | #fa9c3d | rgb(250, 156, 61) | hsl(30, 95%, 61%) | |
| 90% | #f59c42 | rgb(245, 156, 66) | hsl(30, 90%, 61%) | |
| 85% | #f09c47 | rgb(240, 156, 71) | hsl(30, 85%, 61%) | |
| 80% | #eb9c4c | rgb(235, 156, 76) | hsl(30, 80%, 61%) | |
| 75% | #e69c51 | rgb(230, 156, 81) | hsl(30, 75%, 61%) | |
| 70% | #e19c56 | rgb(225, 156, 86) | hsl(30, 70%, 61%) | |
| 65% | #dc9c5b | rgb(220, 156, 91) | hsl(30, 65%, 61%) | |
| 60% | #d79c60 | rgb(215, 156, 96) | hsl(30, 60%, 61%) | |
| 55% | #d29c65 | rgb(210, 156, 101) | hsl(30, 55%, 61%) | |
| 50% | #cd9c6a | rgb(205, 156, 106) | hsl(30, 50%, 61%) | |
| 45% | #c89c6f | rgb(200, 156, 111) | hsl(30, 45%, 61%) | |
| 40% | #c39c74 | rgb(195, 156, 116) | hsl(30, 40%, 61%) | |
| 35% | #be9c79 | rgb(190, 156, 121) | hsl(30, 35%, 61%) | |
| 30% | #b99c7e | rgb(185, 156, 126) | hsl(30, 30%, 61%) | |
| 25% | #b49c83 | rgb(180, 156, 131) | hsl(30, 25%, 61%) | |
| 20% | #af9c88 | rgb(175, 156, 136) | hsl(30, 20%, 61%) | |
| 15% | #aa9c8d | rgb(170, 156, 141) | hsl(30, 15%, 61%) | |
| 10% | #a59c92 | rgb(165, 156, 146) | hsl(30, 10%, 61%) | |
| 5% | #a19c97 | rgb(161, 156, 151) | hsl(30, 5%, 61%) | |
| 3% | #9f9c99 | rgb(159, 156, 153) | hsl(30, 3%, 61%) | |
| 0% | #9c9c9c | rgb(156, 156, 156) | hsl(30, 0%, 61%) |
Lightness
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(30, 3%, 100%) | |
| 95% | #f3f2f2 | rgb(243, 242, 242) | hsl(30, 3%, 95%) | |
| 90% | #e6e6e5 | rgb(230, 230, 229) | hsl(30, 3%, 90%) | |
| 85% | #dad9d8 | rgb(218, 217, 216) | hsl(30, 3%, 85%) | |
| 80% | #ceccca | rgb(206, 204, 202) | hsl(30, 3%, 80%) | |
| 75% | #c1bfbd | rgb(193, 191, 189) | hsl(30, 3%, 75%) | |
| 70% | #b5b3b0 | rgb(181, 179, 176) | hsl(30, 3%, 70%) | |
| 65% | #a8a6a3 | rgb(168, 166, 163) | hsl(30, 3%, 65%) | |
| 61% | #9f9c99 | rgb(159, 156, 153) | hsl(30, 3%, 61%) | |
| 60% | #9c9996 | rgb(156, 153, 150) | hsl(30, 3%, 60%) | |
| 55% | #908c89 | rgb(144, 140, 137) | hsl(30, 3%, 55%) | |
| 50% | #83807c | rgb(131, 128, 124) | hsl(30, 3%, 50%) | |
| 45% | #76736f | rgb(118, 115, 111) | hsl(30, 3%, 45%) | |
| 40% | #696663 | rgb(105, 102, 99) | hsl(30, 3%, 40%) | |
| 35% | #5c5957 | rgb(92, 89, 87) | hsl(30, 3%, 35%) | |
| 30% | #4f4d4a | rgb(79, 77, 74) | hsl(30, 3%, 30%) | |
| 25% | #42403e | rgb(66, 64, 62) | hsl(30, 3%, 25%) | |
| 20% | #353331 | rgb(53, 51, 49) | hsl(30, 3%, 20%) | |
| 15% | #272625 | rgb(39, 38, 37) | hsl(30, 3%, 15%) | |
| 10% | #1a1a19 | rgb(26, 26, 25) | hsl(30, 3%, 10%) | |
| 5% | #0d0d0c | rgb(13, 13, 12) | hsl(30, 3%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(30, 3%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 159 | 156 | 153 |
rgb(159, 156, 153)
#9f9c99
#9f9c99
