HTML 颜色选择器
选择颜色:
或输入颜色:
或使用 HTML5:
选定颜色:
黑色文本
阴影
白色文本
阴影
#7f4145
rgb(127, 65, 69)
hsl(356, 32%, 38%)
较浅 / 较深:
| 100% | #ffffff | |
| 95% | #f6eeef | |
| 90% | #eeddde | |
| 85% | #e5cdce | |
| 80% | #dcbcbe | |
| 75% | #d4abae | |
| 70% | #cb9a9d | |
| 65% | #c2898d | |
| 60% | #ba787d | |
| 55% | #b1686c | |
| 50% | #a8575c | |
| 45% | #974e53 | |
| 40% | #87454a | |
| 38% | #7f4145 | |
| 35% | #763d40 | |
| 30% | #653437 | |
| 25% | #542b2e | |
| 20% | #432325 | |
| 15% | #321a1c | |
| 10% | #221112 | |
| 5% | #110909 | |
| 0% | #000000 |
色调
| hue | Hex | Rgb | Hsl | |
| 0 | #804242 | rgb(128, 66, 66) | hsl(0, 32%, 38%) | |
| 15 | #805142 | rgb(128, 81, 66) | hsl(15, 32%, 38%) | |
| 30 | #806142 | rgb(128, 97, 66) | hsl(30, 32%, 38%) | |
| 45 | #807042 | rgb(128, 112, 66) | hsl(45, 32%, 38%) | |
| 60 | #808042 | rgb(128, 128, 66) | hsl(60, 32%, 38%) | |
| 75 | #708042 | rgb(112, 128, 66) | hsl(75, 32%, 38%) | |
| 90 | #618042 | rgb(97, 128, 66) | hsl(90, 32%, 38%) | |
| 105 | #518042 | rgb(81, 128, 66) | hsl(105, 32%, 38%) | |
| 120 | #428042 | rgb(66, 128, 66) | hsl(120, 32%, 38%) | |
| 135 | #428051 | rgb(66, 128, 81) | hsl(135, 32%, 38%) | |
| 150 | #428061 | rgb(66, 128, 97) | hsl(150, 32%, 38%) | |
| 165 | #428070 | rgb(66, 128, 112) | hsl(165, 32%, 38%) | |
| 180 | #428080 | rgb(66, 128, 128) | hsl(180, 32%, 38%) | |
| 195 | #427080 | rgb(66, 112, 128) | hsl(195, 32%, 38%) | |
| 210 | #426180 | rgb(66, 97, 128) | hsl(210, 32%, 38%) | |
| 225 | #425180 | rgb(66, 81, 128) | hsl(225, 32%, 38%) | |
| 240 | #424280 | rgb(66, 66, 128) | hsl(240, 32%, 38%) | |
| 255 | #514280 | rgb(81, 66, 128) | hsl(255, 32%, 38%) | |
| 270 | #614280 | rgb(97, 66, 128) | hsl(270, 32%, 38%) | |
| 285 | #704280 | rgb(112, 66, 128) | hsl(285, 32%, 38%) | |
| 300 | #804280 | rgb(128, 66, 128) | hsl(300, 32%, 38%) | |
| 315 | #804270 | rgb(128, 66, 112) | hsl(315, 32%, 38%) | |
| 330 | #804261 | rgb(128, 66, 97) | hsl(330, 32%, 38%) | |
| 345 | #804251 | rgb(128, 66, 81) | hsl(345, 32%, 38%) | |
| 356 | #7f4145 | rgb(127, 65, 69) | hsl(356, 32%, 38%) | |
| 360 | #804242 | rgb(128, 66, 66) | hsl(0, 32%, 38%) |
饱和度
| sat | Hex | Rgb | Hsl | |
| 100% | #c2000d | rgb(194, 0, 13) | hsl(356, 100%, 38%) | |
| 95% | #bd0511 | rgb(189, 5, 17) | hsl(356, 95%, 38%) | |
| 90% | #b80a15 | rgb(184, 10, 21) | hsl(356, 90%, 38%) | |
| 85% | #b30f1a | rgb(179, 15, 26) | hsl(356, 85%, 38%) | |
| 80% | #ae131e | rgb(174, 19, 30) | hsl(356, 80%, 38%) | |
| 75% | #aa1822 | rgb(170, 24, 34) | hsl(356, 75%, 38%) | |
| 70% | #a51d26 | rgb(165, 29, 38) | hsl(356, 70%, 38%) | |
| 65% | #a0222a | rgb(160, 34, 42) | hsl(356, 65%, 38%) | |
| 60% | #9b272f | rgb(155, 39, 47) | hsl(356, 60%, 38%) | |
| 55% | #962c33 | rgb(150, 44, 51) | hsl(356, 55%, 38%) | |
| 50% | #913037 | rgb(145, 48, 55) | hsl(356, 50%, 38%) | |
| 45% | #8d353b | rgb(141, 53, 59) | hsl(356, 45%, 38%) | |
| 40% | #883a3f | rgb(136, 58, 63) | hsl(356, 40%, 38%) | |
| 35% | #833f44 | rgb(131, 63, 68) | hsl(356, 35%, 38%) | |
| 32% | #7f4145 | rgb(127, 65, 69) | hsl(356, 32%, 38%) | |
| 30% | #7e4448 | rgb(126, 68, 72) | hsl(356, 30%, 38%) | |
| 25% | #79494c | rgb(121, 73, 76) | hsl(356, 25%, 38%) | |
| 20% | #744e50 | rgb(116, 78, 80) | hsl(356, 20%, 38%) | |
| 15% | #6f5254 | rgb(111, 82, 84) | hsl(356, 15%, 38%) | |
| 10% | #6b5759 | rgb(107, 87, 89) | hsl(356, 10%, 38%) | |
| 5% | #665c5d | rgb(102, 92, 93) | hsl(356, 5%, 38%) | |
| 0% | #616161 | rgb(97, 97, 97) | hsl(356, 0%, 38%) |
亮度值
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(356, 32%, 100%) | |
| 95% | #f6eeef | rgb(246, 238, 239) | hsl(356, 32%, 95%) | |
| 90% | #eeddde | rgb(238, 221, 222) | hsl(356, 32%, 90%) | |
| 85% | #e5cdce | rgb(229, 205, 206) | hsl(356, 32%, 85%) | |
| 80% | #dcbcbe | rgb(220, 188, 190) | hsl(356, 32%, 80%) | |
| 75% | #d4abae | rgb(212, 171, 174) | hsl(356, 32%, 75%) | |
| 70% | #cb9a9d | rgb(203, 154, 157) | hsl(356, 32%, 70%) | |
| 65% | #c2898d | rgb(194, 137, 141) | hsl(356, 32%, 65%) | |
| 60% | #ba787d | rgb(186, 120, 125) | hsl(356, 32%, 60%) | |
| 55% | #b1686c | rgb(177, 104, 108) | hsl(356, 32%, 55%) | |
| 50% | #a8575c | rgb(168, 87, 92) | hsl(356, 32%, 50%) | |
| 45% | #974e53 | rgb(151, 78, 83) | hsl(356, 32%, 45%) | |
| 40% | #87454a | rgb(135, 69, 74) | hsl(356, 32%, 40%) | |
| 38% | #7f4145 | rgb(127, 65, 69) | hsl(356, 32%, 38%) | |
| 35% | #763d40 | rgb(118, 61, 64) | hsl(356, 32%, 35%) | |
| 30% | #653437 | rgb(101, 52, 55) | hsl(356, 32%, 30%) | |
| 25% | #542b2e | rgb(84, 43, 46) | hsl(356, 32%, 25%) | |
| 20% | #432325 | rgb(67, 35, 37) | hsl(356, 32%, 20%) | |
| 15% | #321a1c | rgb(50, 26, 28) | hsl(356, 32%, 15%) | |
| 10% | #221112 | rgb(34, 17, 18) | hsl(356, 32%, 10%) | |
| 5% | #110909 | rgb(17, 9, 9) | hsl(356, 32%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(356, 32%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 127 | 65 | 69 |
rgb(127, 65, 69)
#7f4145
#7f4145
