HTML 颜色选择器
选择颜色:
或输入颜色:
或使用 HTML5:
选定颜色:
黑色文本
阴影
白色文本
阴影
#9b1b30
rgb(155, 27, 48)
hsl(350, 70%, 36%)
较浅 / 较深:
| 100% | #ffffff | |
| 95% | #fbe9ec | |
| 90% | #f7d4da | |
| 85% | #f4bec7 | |
| 80% | #f0a8b4 | |
| 75% | #ec93a2 | |
| 70% | #e87d8f | |
| 65% | #e4677c | |
| 60% | #e05269 | |
| 55% | #dd3c57 | |
| 50% | #d92644 | |
| 45% | #c3223d | |
| 40% | #ad1f36 | |
| 36% | #9b1b30 | |
| 35% | #981b30 | |
| 30% | #821729 | |
| 25% | #6c1322 | |
| 20% | #570f1b | |
| 15% | #410b14 | |
| 10% | #2b080e | |
| 5% | #160407 | |
| 0% | #000000 |
色调
| hue | Hex | Rgb | Hsl | |
| 0 | #9c1c1c | rgb(156, 28, 28) | hsl(0, 70%, 36%) | |
| 15 | #9c3c1c | rgb(156, 60, 28) | hsl(15, 70%, 36%) | |
| 30 | #9c5c1c | rgb(156, 92, 28) | hsl(30, 70%, 36%) | |
| 45 | #9c7c1c | rgb(156, 124, 28) | hsl(45, 70%, 36%) | |
| 60 | #9c9c1c | rgb(156, 156, 28) | hsl(60, 70%, 36%) | |
| 75 | #7c9c1c | rgb(124, 156, 28) | hsl(75, 70%, 36%) | |
| 90 | #5c9c1c | rgb(92, 156, 28) | hsl(90, 70%, 36%) | |
| 105 | #3c9c1c | rgb(60, 156, 28) | hsl(105, 70%, 36%) | |
| 120 | #1c9c1c | rgb(28, 156, 28) | hsl(120, 70%, 36%) | |
| 135 | #1c9c3c | rgb(28, 156, 60) | hsl(135, 70%, 36%) | |
| 150 | #1c9c5c | rgb(28, 156, 92) | hsl(150, 70%, 36%) | |
| 165 | #1c9c7c | rgb(28, 156, 124) | hsl(165, 70%, 36%) | |
| 180 | #1c9c9c | rgb(28, 156, 156) | hsl(180, 70%, 36%) | |
| 195 | #1c7c9c | rgb(28, 124, 156) | hsl(195, 70%, 36%) | |
| 210 | #1c5c9c | rgb(28, 92, 156) | hsl(210, 70%, 36%) | |
| 225 | #1c3c9c | rgb(28, 60, 156) | hsl(225, 70%, 36%) | |
| 240 | #1c1c9c | rgb(28, 28, 156) | hsl(240, 70%, 36%) | |
| 255 | #3c1c9c | rgb(60, 28, 156) | hsl(255, 70%, 36%) | |
| 270 | #5c1c9c | rgb(92, 28, 156) | hsl(270, 70%, 36%) | |
| 285 | #7c1c9c | rgb(124, 28, 156) | hsl(285, 70%, 36%) | |
| 300 | #9c1c9c | rgb(156, 28, 156) | hsl(300, 70%, 36%) | |
| 315 | #9c1c7c | rgb(156, 28, 124) | hsl(315, 70%, 36%) | |
| 330 | #9c1c5c | rgb(156, 28, 92) | hsl(330, 70%, 36%) | |
| 345 | #9c1c3c | rgb(156, 28, 60) | hsl(345, 70%, 36%) | |
| 350 | #9b1b30 | rgb(155, 27, 48) | hsl(350, 70%, 36%) | |
| 360 | #9c1c1c | rgb(156, 28, 28) | hsl(0, 70%, 36%) |
饱和度
| sat | Hex | Rgb | Hsl | |
| 100% | #b8001f | rgb(184, 0, 31) | hsl(350, 100%, 36%) | |
| 95% | #b30522 | rgb(179, 5, 34) | hsl(350, 95%, 36%) | |
| 90% | #ae0925 | rgb(174, 9, 37) | hsl(350, 90%, 36%) | |
| 85% | #aa0e28 | rgb(170, 14, 40) | hsl(350, 85%, 36%) | |
| 80% | #a5122b | rgb(165, 18, 43) | hsl(350, 80%, 36%) | |
| 75% | #a1172e | rgb(161, 23, 46) | hsl(350, 75%, 36%) | |
| 70% | #9b1b30 | rgb(155, 27, 48) | hsl(350, 70%, 36%) | |
| 65% | #972034 | rgb(151, 32, 52) | hsl(350, 65%, 36%) | |
| 60% | #932537 | rgb(147, 37, 55) | hsl(350, 60%, 36%) | |
| 55% | #8e293a | rgb(142, 41, 58) | hsl(350, 55%, 36%) | |
| 50% | #8a2e3d | rgb(138, 46, 61) | hsl(350, 50%, 36%) | |
| 45% | #853240 | rgb(133, 50, 64) | hsl(350, 45%, 36%) | |
| 40% | #813743 | rgb(129, 55, 67) | hsl(350, 40%, 36%) | |
| 35% | #7c3c46 | rgb(124, 60, 70) | hsl(350, 35%, 36%) | |
| 30% | #774049 | rgb(119, 64, 73) | hsl(350, 30%, 36%) | |
| 25% | #73454d | rgb(115, 69, 77) | hsl(350, 25%, 36%) | |
| 20% | #6e4950 | rgb(110, 73, 80) | hsl(350, 20%, 36%) | |
| 15% | #6a4e53 | rgb(106, 78, 83) | hsl(350, 15%, 36%) | |
| 10% | #655356 | rgb(101, 83, 86) | hsl(350, 10%, 36%) | |
| 5% | #605759 | rgb(96, 87, 89) | hsl(350, 5%, 36%) | |
| 0% | #5c5c5c | rgb(92, 92, 92) | hsl(350, 0%, 36%) |
亮度值
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(350, 70%, 100%) | |
| 95% | #fbe9ec | rgb(251, 233, 236) | hsl(350, 70%, 95%) | |
| 90% | #f7d4da | rgb(247, 212, 218) | hsl(350, 70%, 90%) | |
| 85% | #f4bec7 | rgb(244, 190, 199) | hsl(350, 70%, 85%) | |
| 80% | #f0a8b4 | rgb(240, 168, 180) | hsl(350, 70%, 80%) | |
| 75% | #ec93a2 | rgb(236, 147, 162) | hsl(350, 70%, 75%) | |
| 70% | #e87d8f | rgb(232, 125, 143) | hsl(350, 70%, 70%) | |
| 65% | #e4677c | rgb(228, 103, 124) | hsl(350, 70%, 65%) | |
| 60% | #e05269 | rgb(224, 82, 105) | hsl(350, 70%, 60%) | |
| 55% | #dd3c57 | rgb(221, 60, 87) | hsl(350, 70%, 55%) | |
| 50% | #d92644 | rgb(217, 38, 68) | hsl(350, 70%, 50%) | |
| 45% | #c3223d | rgb(195, 34, 61) | hsl(350, 70%, 45%) | |
| 40% | #ad1f36 | rgb(173, 31, 54) | hsl(350, 70%, 40%) | |
| 36% | #9b1b30 | rgb(155, 27, 48) | hsl(350, 70%, 36%) | |
| 35% | #981b30 | rgb(152, 27, 48) | hsl(350, 70%, 35%) | |
| 30% | #821729 | rgb(130, 23, 41) | hsl(350, 70%, 30%) | |
| 25% | #6c1322 | rgb(108, 19, 34) | hsl(350, 70%, 25%) | |
| 20% | #570f1b | rgb(87, 15, 27) | hsl(350, 70%, 20%) | |
| 15% | #410b14 | rgb(65, 11, 20) | hsl(350, 70%, 15%) | |
| 10% | #2b080e | rgb(43, 8, 14) | hsl(350, 70%, 10%) | |
| 5% | #160407 | rgb(22, 4, 7) | hsl(350, 70%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(350, 70%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 155 | 27 | 48 |
rgb(155, 27, 48)
#9b1b30
#9b1b30
