HTML 颜色选择器
选择颜色:
或输入颜色:
或使用 HTML5:
选定颜色:
黑色文本
阴影
白色文本
阴影
#45b8ac
rgb(69, 184, 172)
hsl(174, 45%, 50%)
较浅 / 较深:
| 100% | #ffffff | |
| 95% | #edf8f7 | |
| 90% | #daf1ef | |
| 85% | #c8eae7 | |
| 80% | #b5e3de | |
| 75% | #a3dcd6 | |
| 70% | #90d5ce | |
| 65% | #7ecec6 | |
| 60% | #6bc7be | |
| 55% | #59c0b6 | |
| 50% | #45b8ac | |
| 45% | #3fa69c | |
| 40% | #38948b | |
| 35% | #318179 | |
| 30% | #2a6f68 | |
| 25% | #235c57 | |
| 20% | #1c4a45 | |
| 15% | #153734 | |
| 10% | #0e2523 | |
| 5% | #071211 | |
| 0% | #000000 |
色调
| hue | Hex | Rgb | Hsl | |
| 0 | #b94646 | rgb(185, 70, 70) | hsl(0, 45%, 50%) | |
| 15 | #b96346 | rgb(185, 99, 70) | hsl(15, 45%, 50%) | |
| 30 | #b98046 | rgb(185, 128, 70) | hsl(30, 45%, 50%) | |
| 45 | #b99c46 | rgb(185, 156, 70) | hsl(45, 45%, 50%) | |
| 60 | #b9b946 | rgb(185, 185, 70) | hsl(60, 45%, 50%) | |
| 75 | #9cb946 | rgb(156, 185, 70) | hsl(75, 45%, 50%) | |
| 90 | #80b946 | rgb(128, 185, 70) | hsl(90, 45%, 50%) | |
| 105 | #63b946 | rgb(99, 185, 70) | hsl(105, 45%, 50%) | |
| 120 | #46b946 | rgb(70, 185, 70) | hsl(120, 45%, 50%) | |
| 135 | #46b963 | rgb(70, 185, 99) | hsl(135, 45%, 50%) | |
| 150 | #46b980 | rgb(70, 185, 128) | hsl(150, 45%, 50%) | |
| 165 | #46b99c | rgb(70, 185, 156) | hsl(165, 45%, 50%) | |
| 174 | #45b8ac | rgb(69, 184, 172) | hsl(174, 45%, 50%) | |
| 180 | #46b9b9 | rgb(70, 185, 185) | hsl(180, 45%, 50%) | |
| 195 | #469cb9 | rgb(70, 156, 185) | hsl(195, 45%, 50%) | |
| 210 | #4680b9 | rgb(70, 128, 185) | hsl(210, 45%, 50%) | |
| 225 | #4663b9 | rgb(70, 99, 185) | hsl(225, 45%, 50%) | |
| 240 | #4646b9 | rgb(70, 70, 185) | hsl(240, 45%, 50%) | |
| 255 | #6346b9 | rgb(99, 70, 185) | hsl(255, 45%, 50%) | |
| 270 | #8046b9 | rgb(128, 70, 185) | hsl(270, 45%, 50%) | |
| 285 | #9c46b9 | rgb(156, 70, 185) | hsl(285, 45%, 50%) | |
| 300 | #b946b9 | rgb(185, 70, 185) | hsl(300, 45%, 50%) | |
| 315 | #b9469c | rgb(185, 70, 156) | hsl(315, 45%, 50%) | |
| 330 | #b94680 | rgb(185, 70, 128) | hsl(330, 45%, 50%) | |
| 345 | #b94663 | rgb(185, 70, 99) | hsl(345, 45%, 50%) | |
| 360 | #b94646 | rgb(185, 70, 70) | hsl(0, 45%, 50%) |
饱和度
| sat | Hex | Rgb | Hsl | |
| 100% | #00ffe5 | rgb(0, 255, 229) | hsl(174, 100%, 50%) | |
| 95% | #06f9e0 | rgb(6, 249, 224) | hsl(174, 95%, 50%) | |
| 90% | #0df2db | rgb(13, 242, 219) | hsl(174, 90%, 50%) | |
| 85% | #13ecd6 | rgb(19, 236, 214) | hsl(174, 85%, 50%) | |
| 80% | #19e6d1 | rgb(25, 230, 209) | hsl(174, 80%, 50%) | |
| 75% | #20dfcc | rgb(32, 223, 204) | hsl(174, 75%, 50%) | |
| 70% | #26d9c7 | rgb(38, 217, 199) | hsl(174, 70%, 50%) | |
| 65% | #2dd2c2 | rgb(45, 210, 194) | hsl(174, 65%, 50%) | |
| 60% | #33ccbd | rgb(51, 204, 189) | hsl(174, 60%, 50%) | |
| 55% | #39c6b8 | rgb(57, 198, 184) | hsl(174, 55%, 50%) | |
| 50% | #40bfb3 | rgb(64, 191, 179) | hsl(174, 50%, 50%) | |
| 45% | #45b8ac | rgb(69, 184, 172) | hsl(174, 45%, 50%) | |
| 40% | #4db3a8 | rgb(77, 179, 168) | hsl(174, 40%, 50%) | |
| 35% | #53aca3 | rgb(83, 172, 163) | hsl(174, 35%, 50%) | |
| 30% | #59a69e | rgb(89, 166, 158) | hsl(174, 30%, 50%) | |
| 25% | #609f99 | rgb(96, 159, 153) | hsl(174, 25%, 50%) | |
| 20% | #669994 | rgb(102, 153, 148) | hsl(174, 20%, 50%) | |
| 15% | #6c938f | rgb(108, 147, 143) | hsl(174, 15%, 50%) | |
| 10% | #738c8a | rgb(115, 140, 138) | hsl(174, 10%, 50%) | |
| 5% | #798685 | rgb(121, 134, 133) | hsl(174, 5%, 50%) | |
| 0% | #808080 | rgb(128, 128, 128) | hsl(174, 0%, 50%) |
亮度值
| light | Hex | Rgb | Hsl | |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(174, 45%, 100%) | |
| 95% | #edf8f7 | rgb(237, 248, 247) | hsl(174, 45%, 95%) | |
| 90% | #daf1ef | rgb(218, 241, 239) | hsl(174, 45%, 90%) | |
| 85% | #c8eae7 | rgb(200, 234, 231) | hsl(174, 45%, 85%) | |
| 80% | #b5e3de | rgb(181, 227, 222) | hsl(174, 45%, 80%) | |
| 75% | #a3dcd6 | rgb(163, 220, 214) | hsl(174, 45%, 75%) | |
| 70% | #90d5ce | rgb(144, 213, 206) | hsl(174, 45%, 70%) | |
| 65% | #7ecec6 | rgb(126, 206, 198) | hsl(174, 45%, 65%) | |
| 60% | #6bc7be | rgb(107, 199, 190) | hsl(174, 45%, 60%) | |
| 55% | #59c0b6 | rgb(89, 192, 182) | hsl(174, 45%, 55%) | |
| 50% | #45b8ac | rgb(69, 184, 172) | hsl(174, 45%, 50%) | |
| 45% | #3fa69c | rgb(63, 166, 156) | hsl(174, 45%, 45%) | |
| 40% | #38948b | rgb(56, 148, 139) | hsl(174, 45%, 40%) | |
| 35% | #318179 | rgb(49, 129, 121) | hsl(174, 45%, 35%) | |
| 30% | #2a6f68 | rgb(42, 111, 104) | hsl(174, 45%, 30%) | |
| 25% | #235c57 | rgb(35, 92, 87) | hsl(174, 45%, 25%) | |
| 20% | #1c4a45 | rgb(28, 74, 69) | hsl(174, 45%, 20%) | |
| 15% | #153734 | rgb(21, 55, 52) | hsl(174, 45%, 15%) | |
| 10% | #0e2523 | rgb(14, 37, 35) | hsl(174, 45%, 10%) | |
| 5% | #071211 | rgb(7, 18, 17) | hsl(174, 45%, 5%) | |
| 0% | #000000 | rgb(0, 0, 0) | hsl(174, 45%, 0%) |
RGB (Red, Green, Blue)
| Red | Green | Blue |
|---|---|---|
| 69 | 184 | 172 |
rgb(69, 184, 172)
#45b8ac
#45b8ac
