选择的颜色:
黑色文本
阴影
白色文本
阴影
SteelBlue
#4682b4
rgb(70, 130, 180)
hsl(207, 44%, 49%)
更亮 / 更暗:
| 100% | | #ffffff |
| 95% | | #edf3f8 |
| 90% | | #dae7f1 |
| 85% | | #c8daea |
| 80% | | #b6cee2 |
| 75% | | #a3c2db |
| 70% | | #91b6d4 |
| 65% | | #7eaacd |
| 60% | | #6c9dc6 |
| 55% | | #5a91bf |
| 50% | | #4785b8 |
| | |
| 49% | | #4682b4 |
| | |
| 45% | | #4078a5 |
| 40% | | #396a93 |
| 35% | | #325d81 |
| 30% | | #2b506e |
| 25% | | #24435c |
| 20% | | #1d3549 |
| 15% | | #152837 |
| 10% | | #0e1b25 |
| 5% | | #070d12 |
| 0% | | #000000 |
色调
| hue | Hex | Rgb | Hsl |
| 0 | #b44646 | rgb(180, 70, 70) | hsl(0, 44%, 49%) |
| 15 | #b46146 | rgb(180, 97, 70) | hsl(15, 44%, 49%) |
| 30 | #b47d46 | rgb(180, 125, 70) | hsl(30, 44%, 49%) |
| 45 | #b49846 | rgb(180, 152, 70) | hsl(45, 44%, 49%) |
| 60 | #b4b446 | rgb(180, 180, 70) | hsl(60, 44%, 49%) |
| 75 | #98b446 | rgb(152, 180, 70) | hsl(75, 44%, 49%) |
| 90 | #7db446 | rgb(125, 180, 70) | hsl(90, 44%, 49%) |
| 105 | #61b446 | rgb(97, 180, 70) | hsl(105, 44%, 49%) |
| 120 | #46b446 | rgb(70, 180, 70) | hsl(120, 44%, 49%) |
| 135 | #46b461 | rgb(70, 180, 97) | hsl(135, 44%, 49%) |
| 150 | #46b47d | rgb(70, 180, 125) | hsl(150, 44%, 49%) |
| 165 | #46b498 | rgb(70, 180, 152) | hsl(165, 44%, 49%) |
| 180 | #46b4b4 | rgb(70, 180, 180) | hsl(180, 44%, 49%) |
| 195 | #4698b4 | rgb(70, 152, 180) | hsl(195, 44%, 49%) |
| 207 | #4682b4 | rgb(70, 130, 180) | hsl(207, 44%, 49%) |
| 210 | #467db4 | rgb(70, 125, 180) | hsl(210, 44%, 49%) |
| 225 | #4661b4 | rgb(70, 97, 180) | hsl(225, 44%, 49%) |
| 240 | #4646b4 | rgb(70, 70, 180) | hsl(240, 44%, 49%) |
| 255 | #6146b4 | rgb(97, 70, 180) | hsl(255, 44%, 49%) |
| 270 | #7d46b4 | rgb(125, 70, 180) | hsl(270, 44%, 49%) |
| 285 | #9846b4 | rgb(152, 70, 180) | hsl(285, 44%, 49%) |
| 300 | #b446b4 | rgb(180, 70, 180) | hsl(300, 44%, 49%) |
| 315 | #b44698 | rgb(180, 70, 152) | hsl(315, 44%, 49%) |
| 330 | #b4467d | rgb(180, 70, 125) | hsl(330, 44%, 49%) |
| 345 | #b44661 | rgb(180, 70, 97) | hsl(345, 44%, 49%) |
| 360 | #b44646 | rgb(180, 70, 70) | hsl(0, 44%, 49%) |
饱和度
| sat | Hex | Rgb | Hsl |
| 100% | #0089fa | rgb(0, 137, 250) | hsl(207, 100%, 49%) |
| 95% | #0689f4 | rgb(6, 137, 244) | hsl(207, 95%, 49%) |
| 90% | #0c88ed | rgb(12, 136, 237) | hsl(207, 90%, 49%) |
| 85% | #1388e7 | rgb(19, 136, 231) | hsl(207, 85%, 49%) |
| 80% | #1987e1 | rgb(25, 135, 225) | hsl(207, 80%, 49%) |
| 75% | #1f86db | rgb(31, 134, 219) | hsl(207, 75%, 49%) |
| 70% | #2586d4 | rgb(37, 134, 212) | hsl(207, 70%, 49%) |
| 65% | #2c85ce | rgb(44, 133, 206) | hsl(207, 65%, 49%) |
| 60% | #3284c8 | rgb(50, 132, 200) | hsl(207, 60%, 49%) |
| 55% | #3884c2 | rgb(56, 132, 194) | hsl(207, 55%, 49%) |
| 50% | #3e83bb | rgb(62, 131, 187) | hsl(207, 50%, 49%) |
| 45% | #4583b5 | rgb(69, 131, 181) | hsl(207, 45%, 49%) |
| 44% | #4682b4 | rgb(70, 130, 180) | hsl(207, 44%, 49%) |
| 40% | #4b82af | rgb(75, 130, 175) | hsl(207, 40%, 49%) |
| 35% | #5181a9 | rgb(81, 129, 169) | hsl(207, 35%, 49%) |
| 30% | #5781a2 | rgb(87, 129, 162) | hsl(207, 30%, 49%) |
| 25% | #5e809c | rgb(94, 128, 156) | hsl(207, 25%, 49%) |
| 20% | #647f96 | rgb(100, 127, 150) | hsl(207, 20%, 49%) |
| 15% | #6a7f90 | rgb(106, 127, 144) | hsl(207, 15%, 49%) |
| 10% | #707e89 | rgb(112, 126, 137) | hsl(207, 10%, 49%) |
| 5% | #777e83 | rgb(119, 126, 131) | hsl(207, 5%, 49%) |
| 0% | #7d7d7d | rgb(125, 125, 125) | hsl(207, 0%, 49%) |
亮度
| light | Hex | Rgb | Hsl |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(207, 44%, 100%) |
| 95% | #edf3f8 | rgb(237, 243, 248) | hsl(207, 44%, 95%) |
| 90% | #dae7f1 | rgb(218, 231, 241) | hsl(207, 44%, 90%) |
| 85% | #c8daea | rgb(200, 218, 234) | hsl(207, 44%, 85%) |
| 80% | #b6cee2 | rgb(182, 206, 226) | hsl(207, 44%, 80%) |
| 75% | #a3c2db | rgb(163, 194, 219) | hsl(207, 44%, 75%) |
| 70% | #91b6d4 | rgb(145, 182, 212) | hsl(207, 44%, 70%) |
| 65% | #7eaacd | rgb(126, 170, 205) | hsl(207, 44%, 65%) |
| 60% | #6c9dc6 | rgb(108, 157, 198) | hsl(207, 44%, 60%) |
| 55% | #5a91bf | rgb(90, 145, 191) | hsl(207, 44%, 55%) |
| 50% | #4785b8 | rgb(71, 133, 184) | hsl(207, 44%, 50%) |
| 49% | #4682b4 | rgb(70, 130, 180) | hsl(207, 44%, 49%) |
| 45% | #4078a5 | rgb(64, 120, 165) | hsl(207, 44%, 45%) |
| 40% | #396a93 | rgb(57, 106, 147) | hsl(207, 44%, 40%) |
| 35% | #325d81 | rgb(50, 93, 129) | hsl(207, 44%, 35%) |
| 30% | #2b506e | rgb(43, 80, 110) | hsl(207, 44%, 30%) |
| 25% | #24435c | rgb(36, 67, 92) | hsl(207, 44%, 25%) |
| 20% | #1d3549 | rgb(29, 53, 73) | hsl(207, 44%, 20%) |
| 15% | #152837 | rgb(21, 40, 55) | hsl(207, 44%, 15%) |
| 10% | #0e1b25 | rgb(14, 27, 37) | hsl(207, 44%, 10%) |
| 5% | #070d12 | rgb(7, 13, 18) | hsl(207, 44%, 5%) |
| 0% | #000000 | rgb(0, 0, 0) | hsl(207, 44%, 0%) |
RGB (Red, Green, Blue)
rgb(70, 130, 180)
#4682b4
