选择的颜色:
黑色文本
阴影
白色文本
阴影
DarkSlateBlue
#483d8b
rgb(72, 61, 139)
hsl(248, 39%, 39%)
更亮 / 更暗:
| 100% | | #ffffff |
| 95% | | #efedf7 |
| 90% | | #dedcef |
| 85% | | #cecae8 |
| 80% | | #bdb8e0 |
| 75% | | #ada6d8 |
| 70% | | #9d95d0 |
| 65% | | #8c83c9 |
| 60% | | #7c71c1 |
| 55% | | #6b5fb9 |
| 50% | | #5b4eb1 |
| 45% | | #5246a0 |
| 40% | | #493e8e |
| | |
| 39% | | #483d8b |
| | |
| 35% | | #40367c |
| 30% | | #372f6a |
| 25% | | #2e2759 |
| 20% | | #241f47 |
| 15% | | #1b1735 |
| 10% | | #121023 |
| 5% | | #090812 |
| 0% | | #000000 |
色调
| hue | Hex | Rgb | Hsl |
| 0 | #8a3d3d | rgb(138, 61, 61) | hsl(0, 39%, 39%) |
| 15 | #8a503d | rgb(138, 80, 61) | hsl(15, 39%, 39%) |
| 30 | #8a633d | rgb(138, 99, 61) | hsl(30, 39%, 39%) |
| 45 | #8a773d | rgb(138, 119, 61) | hsl(45, 39%, 39%) |
| 60 | #8a8a3d | rgb(138, 138, 61) | hsl(60, 39%, 39%) |
| 75 | #778a3d | rgb(119, 138, 61) | hsl(75, 39%, 39%) |
| 90 | #638a3d | rgb(99, 138, 61) | hsl(90, 39%, 39%) |
| 105 | #508a3d | rgb(80, 138, 61) | hsl(105, 39%, 39%) |
| 120 | #3d8a3d | rgb(61, 138, 61) | hsl(120, 39%, 39%) |
| 135 | #3d8a50 | rgb(61, 138, 80) | hsl(135, 39%, 39%) |
| 150 | #3d8a63 | rgb(61, 138, 99) | hsl(150, 39%, 39%) |
| 165 | #3d8a77 | rgb(61, 138, 119) | hsl(165, 39%, 39%) |
| 180 | #3d8a8a | rgb(61, 138, 138) | hsl(180, 39%, 39%) |
| 195 | #3d778a | rgb(61, 119, 138) | hsl(195, 39%, 39%) |
| 210 | #3d638a | rgb(61, 99, 138) | hsl(210, 39%, 39%) |
| 225 | #3d508a | rgb(61, 80, 138) | hsl(225, 39%, 39%) |
| 240 | #3d3d8a | rgb(61, 61, 138) | hsl(240, 39%, 39%) |
| 248 | #483d8b | rgb(72, 61, 139) | hsl(248, 39%, 39%) |
| 255 | #503d8a | rgb(80, 61, 138) | hsl(255, 39%, 39%) |
| 270 | #633d8a | rgb(99, 61, 138) | hsl(270, 39%, 39%) |
| 285 | #773d8a | rgb(119, 61, 138) | hsl(285, 39%, 39%) |
| 300 | #8a3d8a | rgb(138, 61, 138) | hsl(300, 39%, 39%) |
| 315 | #8a3d77 | rgb(138, 61, 119) | hsl(315, 39%, 39%) |
| 330 | #8a3d63 | rgb(138, 61, 99) | hsl(330, 39%, 39%) |
| 345 | #8a3d50 | rgb(138, 61, 80) | hsl(345, 39%, 39%) |
| 360 | #8a3d3d | rgb(138, 61, 61) | hsl(0, 39%, 39%) |
饱和度
| sat | Hex | Rgb | Hsl |
| 100% | #1b00c7 | rgb(27, 0, 199) | hsl(248, 100%, 39%) |
| 95% | #1e05c2 | rgb(30, 5, 194) | hsl(248, 95%, 39%) |
| 90% | #220abd | rgb(34, 10, 189) | hsl(248, 90%, 39%) |
| 85% | #250fb8 | rgb(37, 15, 184) | hsl(248, 85%, 39%) |
| 80% | #2914b3 | rgb(41, 20, 179) | hsl(248, 80%, 39%) |
| 75% | #2d19ae | rgb(45, 25, 174) | hsl(248, 75%, 39%) |
| 70% | #301ea9 | rgb(48, 30, 169) | hsl(248, 70%, 39%) |
| 65% | #3423a4 | rgb(52, 35, 164) | hsl(248, 65%, 39%) |
| 60% | #38289f | rgb(56, 40, 159) | hsl(248, 60%, 39%) |
| 55% | #3b2d9a | rgb(59, 45, 154) | hsl(248, 55%, 39%) |
| 50% | #3f3295 | rgb(63, 50, 149) | hsl(248, 50%, 39%) |
| 45% | #433790 | rgb(67, 55, 144) | hsl(248, 45%, 39%) |
| 40% | #463c8b | rgb(70, 60, 139) | hsl(248, 40%, 39%) |
| 39% | #483d8b | rgb(72, 61, 139) | hsl(248, 39%, 39%) |
| 35% | #4a4186 | rgb(74, 65, 134) | hsl(248, 35%, 39%) |
| 30% | #4e4681 | rgb(78, 70, 129) | hsl(248, 30%, 39%) |
| 25% | #514b7c | rgb(81, 75, 124) | hsl(248, 25%, 39%) |
| 20% | #555077 | rgb(85, 80, 119) | hsl(248, 20%, 39%) |
| 15% | #595572 | rgb(89, 85, 114) | hsl(248, 15%, 39%) |
| 10% | #5c5a6d | rgb(92, 90, 109) | hsl(248, 10%, 39%) |
| 5% | #605e68 | rgb(96, 94, 104) | hsl(248, 5%, 39%) |
| 0% | #636363 | rgb(99, 99, 99) | hsl(248, 0%, 39%) |
亮度
| light | Hex | Rgb | Hsl |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(248, 39%, 100%) |
| 95% | #efedf7 | rgb(239, 237, 247) | hsl(248, 39%, 95%) |
| 90% | #dedcef | rgb(222, 220, 239) | hsl(248, 39%, 90%) |
| 85% | #cecae8 | rgb(206, 202, 232) | hsl(248, 39%, 85%) |
| 80% | #bdb8e0 | rgb(189, 184, 224) | hsl(248, 39%, 80%) |
| 75% | #ada6d8 | rgb(173, 166, 216) | hsl(248, 39%, 75%) |
| 70% | #9d95d0 | rgb(157, 149, 208) | hsl(248, 39%, 70%) |
| 65% | #8c83c9 | rgb(140, 131, 201) | hsl(248, 39%, 65%) |
| 60% | #7c71c1 | rgb(124, 113, 193) | hsl(248, 39%, 60%) |
| 55% | #6b5fb9 | rgb(107, 95, 185) | hsl(248, 39%, 55%) |
| 50% | #5b4eb1 | rgb(91, 78, 177) | hsl(248, 39%, 50%) |
| 45% | #5246a0 | rgb(82, 70, 160) | hsl(248, 39%, 45%) |
| 40% | #493e8e | rgb(73, 62, 142) | hsl(248, 39%, 40%) |
| 39% | #483d8b | rgb(72, 61, 139) | hsl(248, 39%, 39%) |
| 35% | #40367c | rgb(64, 54, 124) | hsl(248, 39%, 35%) |
| 30% | #372f6a | rgb(55, 47, 106) | hsl(248, 39%, 30%) |
| 25% | #2e2759 | rgb(46, 39, 89) | hsl(248, 39%, 25%) |
| 20% | #241f47 | rgb(36, 31, 71) | hsl(248, 39%, 20%) |
| 15% | #1b1735 | rgb(27, 23, 53) | hsl(248, 39%, 15%) |
| 10% | #121023 | rgb(18, 16, 35) | hsl(248, 39%, 10%) |
| 5% | #090812 | rgb(9, 8, 18) | hsl(248, 39%, 5%) |
| 0% | #000000 | rgb(0, 0, 0) | hsl(248, 39%, 0%) |
RGB (Red, Green, Blue)
rgb(72, 61, 139)
#483d8b
