HTML 颜色选择器
选择颜色:
或输入颜色:
或使用 HTML5:
选定颜色:
黑色文本
阴影
白色文本
阴影
#d2c29d
rgb(210, 194, 157)
hsl(42, 37%, 72%)
较浅 / 较深:
| 100% | #ffffff | |
| 95% | #f7f4ee | |
| 90% | #efe9dc | |
| 85% | #e7decb | |
| 80% | #dfd4b9 | |
| 75% | #d7c9a8 | |
| 72% | #d2c29d | |
| 70% | #cfbe96 | |
| 65% | #c7b385 | |
| 60% | #bfa873 | |
| 55% | #b79d62 | |
| 50% | #af9250 | |
| 45% | #9d8448 | |
| 40% | #8c7540 | |
| 35% | #7a6638 | |
| 30% | #695830 | |
| 25% | #574928 | |
| 20% | #463b20 | |
| 15% | #342c18 | |
| 10% | #231d10 | |
| 5% | #110f08 | |
| 0% | #000000 |
色调
| hue | Hex | Rgb | Hsl | |
| 0 | #d29d9d | rgb(210, 157, 157) | hsl(0, 37%, 72%) | |
| 15 | #d2aa9d | rgb(210, 170, 157) | hsl(15, 37%, 72%) | |
| 30 | #d2b89d | rgb(210, 184, 157) | hsl(30, 37%, 72%) | |
| 42 | #d2c29d | rgb(210, 194, 157) | hsl(42, 37%, 72%) | |
| 45 | #d2c59d | rgb(210, 197, 157) | hsl(45, 37%, 72%) | |
| 60 | #d2d29d | rgb(210, 210, 157) | hsl(60, 37%, 72%) | |
| 75 | #c5d29d | rgb(197, 210, 157) | hsl(75, 37%, 72%) | |
| 90 | #b8d29d | rgb(184, 210, 157) | hsl(90, 37%, 72%) | |
| 105 | #aad29d | rgb(170, 210, 157) | hsl(105, 37%, 72%) | |
| 120 | #9dd29d | rgb(157, 210, 157) | hsl(120, 37%, 72%) | |
| 135 | #9dd2aa | rgb(157, 210, 170) | hsl(135, 37%, 72%) | |
| 150 | #9dd2b8 | rgb(157, 210, 184) | hsl(150, 37%, 72%) | |
| 165 | #9dd2c5 | rgb(157, 210, 197) | hsl(165, 37%, 72%) | |
| 180 | #9dd2d2 | rgb(157, 210, 210) | hsl(180, 37%, 72%) | |
| 195 | #9dc5d2 | rgb(157, 197, 210) | hsl(195, 37%, 72%) | |
| 210 | #9db8d2 | rgb(157, 184, 210) | hsl(210, 37%, 72%) | |
| 225 | #9daad2 | rgb(157, 170, 210) | hsl(225, 37%, 72%) | |
| 240 | #9d9dd2 | rgb(157, 157, 210) | hsl(240, 37%, 72%) | |
| 255 | #aa9dd2 | rgb(170, 157, 210) | hsl(255, 37%, 72%) | |
| 270 | #b89dd2 | rgb(184, 157, 210) | hsl(270, 37%, 72%) | |
| 285 | #c59dd2 | rgb(197, 157, 210) | hsl(285, 37%, 72%) | |
| 300 | #d29dd2 | rgb(210, 157, 210) | hsl(300, 37%, 72%) | |
| 315 | #d29dc5 | rgb(210, 157, 197) | hsl(315, 37%, 72%) | |
| 330 | #d29db8 | rgb(210, 157, 184) | hsl(330, 37%, 72%) | |
| 345 | #d29daa | rgb(210, 157, 170) | hsl(345, 37%, 72%) | |
| 360 | #d29d9d | rgb(210, 157, 157) | hsl(0, 37%, 72%) |
饱和度
| sat | Hex | Rgb | Hsl | |
| 100% | #ffd470 | rgb(255, 212, 112) | hsl(42, 100%, 72%) | |
| 95% | #fbd374 | rgb(251, 211, 116) | hsl(42, 95%, 72%) | |
| 90% | #f8d177 | rgb(248, 209, 119) | hsl(42, 90%, 72%) | |
| 85% | #f4d07b | rgb(244, 208, 123) | hsl(42, 85%, 72%) | |
| 80% | #f1ce7e | rgb(241, 206, 126) | hsl(42, 80%, 72%) | |
| 75% | #edcd82 | rgb(237, 205, 130) | hsl(42, 75%, 72%) | |
| 70% | #eacc86 | rgb(234, 204, 134) | hsl(42, 70%, 72%) | |
| 65% | #e6ca89 | rgb(230, 202, 137) | hsl(42, 65%, 72%) | |
| 60% | #e2c98d | rgb(226, 201, 141) | hsl(42, 60%, 72%) | |
| 55% | #dfc790 | rgb(223, 199, 144) | hsl(42, 55%, 72%) | |
| 50% | #dbc694 | rgb(219, 198, 148) | hsl(42, 50%, 72%) | |
| 45% | #d8c497 | rgb(216, 196, 151) | hsl(42, 45%, 72%) | |
| 40% | #d4c39b | rgb(212, 195, 155) | hsl(42, 40%, 72%) | |
| 37% | #d2c29d | rgb(210, 194, 157) | hsl(42, 37%, 72%) | |
| 35% | #d1c29f | rgb(209, 194, 159) | hsl(42, 35%, 72%) | |
| 30% | #cdc0a2 | rgb(205, 192, 162) | hsl(42, 30%, 72%) | |
| 25% | #c9bfa6 | rgb(201, 191, 166) | hsl(42, 25%, 72%) | |
| 20% | #c6bda9 | rgb(198, 189, 169) | hsl(42, 20%, 72%) | |
| 15% | #c2bcad | rgb(194, 188, 173) | hsl(42, 15%, 72%) | |
| 10% | #bfbab0 | rgb(191, 186, 176) | hsl(42, 10%, 72%) | |
| 5% | #bbb9b4 | rgb(187, 185, 180) | hsl(42, 5%, 72%) | |
| 0% | #b8b8b8 | rgb(184, 184, 184) | hsl(42, 0%, 72%) |
亮度值
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(42, 37%, 100%) | |
| 95% | #f7f4ee | rgb(247, 244, 238) | hsl(42, 37%, 95%) | |
| 90% | #efe9dc | rgb(239, 233, 220) | hsl(42, 37%, 90%) | |
| 85% | #e7decb | rgb(231, 222, 203) | hsl(42, 37%, 85%) | |
| 80% | #dfd4b9 | rgb(223, 212, 185) | hsl(42, 37%, 80%) | |
| 75% | #d7c9a8 | rgb(215, 201, 168) | hsl(42, 37%, 75%) | |
| 72% | #d2c29d | rgb(210, 194, 157) | hsl(42, 37%, 72%) | |
| 70% | #cfbe96 | rgb(207, 190, 150) | hsl(42, 37%, 70%) | |
| 65% | #c7b385 | rgb(199, 179, 133) | hsl(42, 37%, 65%) | |
| 60% | #bfa873 | rgb(191, 168, 115) | hsl(42, 37%, 60%) | |
| 55% | #b79d62 | rgb(183, 157, 98) | hsl(42, 37%, 55%) | |
| 50% | #af9250 | rgb(175, 146, 80) | hsl(42, 37%, 50%) | |
| 45% | #9d8448 | rgb(157, 132, 72) | hsl(42, 37%, 45%) | |
| 40% | #8c7540 | rgb(140, 117, 64) | hsl(42, 37%, 40%) | |
| 35% | #7a6638 | rgb(122, 102, 56) | hsl(42, 37%, 35%) | |
| 30% | #695830 | rgb(105, 88, 48) | hsl(42, 37%, 30%) | |
| 25% | #574928 | rgb(87, 73, 40) | hsl(42, 37%, 25%) | |
| 20% | #463b20 | rgb(70, 59, 32) | hsl(42, 37%, 20%) | |
| 15% | #342c18 | rgb(52, 44, 24) | hsl(42, 37%, 15%) | |
| 10% | #231d10 | rgb(35, 29, 16) | hsl(42, 37%, 10%) | |
| 5% | #110f08 | rgb(17, 15, 8) | hsl(42, 37%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(42, 37%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 210 | 194 | 157 |
rgb(210, 194, 157)
#d2c29d
#d2c29d
