选择的颜色:
黑色文本
阴影
白色文本
阴影
LightSkyBlue
#87cefa
rgb(135, 206, 250)
hsl(203, 92%, 75%)
更亮 / 更暗:
| 100% | | #ffffff |
| 95% | | #e7f5fe |
| 90% | | #ceebfd |
| 85% | | #b6e1fc |
| 80% | | #9dd7fb |
| | |
| 75% |
| #87cefa |
| | |
| 70% | | #6cc3f9 |
| 65% | | #54b9f8 |
| 60% | | #3baff7 |
| 55% | | #23a5f6 |
| 50% | | #0a9bf5 |
| 45% | | #098bdc |
| 40% | | #087cc4 |
| 35% | | #076cab |
| 30% | | #065d93 |
| 25% | | #054d7a |
| 20% | | #043e62 |
| 15% | | #032e49 |
| 10% | | #021f31 |
| 5% | | #010f18 |
| 0% | | #000000 |
色调
| hue | Hex | Rgb | Hsl |
| 0 | #fa8585 | rgb(250, 133, 133) | hsl(0, 92%, 75%) |
| 15 | #faa285 | rgb(250, 162, 133) | hsl(15, 92%, 75%) |
| 30 | #fabf85 | rgb(250, 191, 133) | hsl(30, 92%, 75%) |
| 45 | #fadd85 | rgb(250, 221, 133) | hsl(45, 92%, 75%) |
| 60 | #fafa85 | rgb(250, 250, 133) | hsl(60, 92%, 75%) |
| 75 | #ddfa85 | rgb(221, 250, 133) | hsl(75, 92%, 75%) |
| 90 | #bffa85 | rgb(191, 250, 133) | hsl(90, 92%, 75%) |
| 105 | #a2fa85 | rgb(162, 250, 133) | hsl(105, 92%, 75%) |
| 120 | #85fa85 | rgb(133, 250, 133) | hsl(120, 92%, 75%) |
| 135 | #85faa2 | rgb(133, 250, 162) | hsl(135, 92%, 75%) |
| 150 | #85fabf | rgb(133, 250, 191) | hsl(150, 92%, 75%) |
| 165 | #85fadd | rgb(133, 250, 221) | hsl(165, 92%, 75%) |
| 180 | #85fafa | rgb(133, 250, 250) | hsl(180, 92%, 75%) |
| 195 | #85ddfa | rgb(133, 221, 250) | hsl(195, 92%, 75%) |
| 203 | #87cefa | rgb(135, 206, 250) | hsl(203, 92%, 75%) |
| 210 | #85bffa | rgb(133, 191, 250) | hsl(210, 92%, 75%) |
| 225 | #85a2fa | rgb(133, 162, 250) | hsl(225, 92%, 75%) |
| 240 | #8585fa | rgb(133, 133, 250) | hsl(240, 92%, 75%) |
| 255 | #a285fa | rgb(162, 133, 250) | hsl(255, 92%, 75%) |
| 270 | #bf85fa | rgb(191, 133, 250) | hsl(270, 92%, 75%) |
| 285 | #dd85fa | rgb(221, 133, 250) | hsl(285, 92%, 75%) |
| 300 | #fa85fa | rgb(250, 133, 250) | hsl(300, 92%, 75%) |
| 315 | #fa85dd | rgb(250, 133, 221) | hsl(315, 92%, 75%) |
| 330 | #fa85bf | rgb(250, 133, 191) | hsl(330, 92%, 75%) |
| 345 | #fa85a2 | rgb(250, 133, 162) | hsl(345, 92%, 75%) |
| 360 | #fa8585 | rgb(250, 133, 133) | hsl(0, 92%, 75%) |
饱和度
| sat | Hex | Rgb | Hsl |
| 100% | #80ceff | rgb(128, 206, 255) | hsl(203, 100%, 75%) |
| 95% | #83cdfc | rgb(131, 205, 252) | hsl(203, 95%, 75%) |
| 92% | #87cefa | rgb(135, 206, 250) | hsl(203, 92%, 75%) |
| 90% | #86cdf9 | rgb(134, 205, 249) | hsl(203, 90%, 75%) |
| 85% | #89ccf5 | rgb(137, 204, 245) | hsl(203, 85%, 75%) |
| 80% | #8ccbf2 | rgb(140, 203, 242) | hsl(203, 80%, 75%) |
| 75% | #8fcaef | rgb(143, 202, 239) | hsl(203, 75%, 75%) |
| 70% | #93caec | rgb(147, 202, 236) | hsl(203, 70%, 75%) |
| 65% | #96c9e9 | rgb(150, 201, 233) | hsl(203, 65%, 75%) |
| 60% | #99c8e6 | rgb(153, 200, 230) | hsl(203, 60%, 75%) |
| 55% | #9cc7e2 | rgb(156, 199, 226) | hsl(203, 55%, 75%) |
| 50% | #9fc7df | rgb(159, 199, 223) | hsl(203, 50%, 75%) |
| 45% | #a3c6dc | rgb(163, 198, 220) | hsl(203, 45%, 75%) |
| 40% | #a6c5d9 | rgb(166, 197, 217) | hsl(203, 40%, 75%) |
| 35% | #a9c4d6 | rgb(169, 196, 214) | hsl(203, 35%, 75%) |
| 30% | #acc4d2 | rgb(172, 196, 210) | hsl(203, 30%, 75%) |
| 25% | #afc3cf | rgb(175, 195, 207) | hsl(203, 25%, 75%) |
| 20% | #b3c2cc | rgb(179, 194, 204) | hsl(203, 20%, 75%) |
| 15% | #b6c1c9 | rgb(182, 193, 201) | hsl(203, 15%, 75%) |
| 10% | #b9c1c6 | rgb(185, 193, 198) | hsl(203, 10%, 75%) |
| 5% | #bcc0c2 | rgb(188, 192, 194) | hsl(203, 5%, 75%) |
| 0% | #bfbfbf | rgb(191, 191, 191) | hsl(203, 0%, 75%) |
亮度
| light | Hex | Rgb | Hsl |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(203, 92%, 100%) |
| 95% | #e7f5fe | rgb(231, 245, 254) | hsl(203, 92%, 95%) |
| 90% | #ceebfd | rgb(206, 235, 253) | hsl(203, 92%, 90%) |
| 85% | #b6e1fc | rgb(182, 225, 252) | hsl(203, 92%, 85%) |
| 80% | #9dd7fb | rgb(157, 215, 251) | hsl(203, 92%, 80%) |
| 75% | #87cefa | rgb(135, 206, 250) | hsl(203, 92%, 75%) |
| 70% | #6cc3f9 | rgb(108, 195, 249) | hsl(203, 92%, 70%) |
| 65% | #54b9f8 | rgb(84, 185, 248) | hsl(203, 92%, 65%) |
| 60% | #3baff7 | rgb(59, 175, 247) | hsl(203, 92%, 60%) |
| 55% | #23a5f6 | rgb(35, 165, 246) | hsl(203, 92%, 55%) |
| 50% | #0a9bf5 | rgb(10, 155, 245) | hsl(203, 92%, 50%) |
| 45% | #098bdc | rgb(9, 139, 220) | hsl(203, 92%, 45%) |
| 40% | #087cc4 | rgb(8, 124, 196) | hsl(203, 92%, 40%) |
| 35% | #076cab | rgb(7, 108, 171) | hsl(203, 92%, 35%) |
| 30% | #065d93 | rgb(6, 93, 147) | hsl(203, 92%, 30%) |
| 25% | #054d7a | rgb(5, 77, 122) | hsl(203, 92%, 25%) |
| 20% | #043e62 | rgb(4, 62, 98) | hsl(203, 92%, 20%) |
| 15% | #032e49 | rgb(3, 46, 73) | hsl(203, 92%, 15%) |
| 10% | #021f31 | rgb(2, 31, 49) | hsl(203, 92%, 10%) |
| 5% | #010f18 | rgb(1, 15, 24) | hsl(203, 92%, 5%) |
| 0% | #000000 | rgb(0, 0, 0) | hsl(203, 92%, 0%) |
RGB (Red, Green, Blue)
rgb(135, 206, 250)
#87cefa
