选择的颜色:
黑色文本
阴影
白色文本
阴影
Lavender
#e6e6fa
rgb(230, 230, 250)
hsl(240, 67%, 94%)
更亮 / 更暗:
100% | | #ffffff |
95% | | #eaeafb |
| | |
94% | | #e6e6fa |
| | |
90% | | #d4d4f7 |
85% | | #bfbff2 |
80% | | #aaaaee |
75% | | #9595ea |
70% | | #7f7fe6 |
65% | | #6a6ae2 |
60% | | #5555dd |
55% | | #3f3fd9 |
50% | | #2a2ad5 |
45% | | #2626c0 |
40% | | #2222aa |
35% | | #1d1d95 |
30% | | #191980 |
25% | | #15156a |
20% | | #111155 |
15% | | #0d0d40 |
10% | | #08082b |
5% | | #040415 |
0% | | #000000 |
色调
| hue | Hex | Rgb | Hsl |
| 0 | #fae5e5 | rgb(250, 229, 229) | hsl(0, 67%, 94%) |
| 15 | #faebe5 | rgb(250, 235, 229) | hsl(15, 67%, 94%) |
| 30 | #faf0e5 | rgb(250, 240, 229) | hsl(30, 67%, 94%) |
| 45 | #faf5e5 | rgb(250, 245, 229) | hsl(45, 67%, 94%) |
| 60 | #fafae5 | rgb(250, 250, 229) | hsl(60, 67%, 94%) |
| 75 | #f5fae5 | rgb(245, 250, 229) | hsl(75, 67%, 94%) |
| 90 | #f0fae5 | rgb(240, 250, 229) | hsl(90, 67%, 94%) |
| 105 | #ebfae5 | rgb(235, 250, 229) | hsl(105, 67%, 94%) |
| 120 | #e5fae5 | rgb(229, 250, 229) | hsl(120, 67%, 94%) |
| 135 | #e5faeb | rgb(229, 250, 235) | hsl(135, 67%, 94%) |
| 150 | #e5faf0 | rgb(229, 250, 240) | hsl(150, 67%, 94%) |
| 165 | #e5faf5 | rgb(229, 250, 245) | hsl(165, 67%, 94%) |
| 180 | #e5fafa | rgb(229, 250, 250) | hsl(180, 67%, 94%) |
| 195 | #e5f5fa | rgb(229, 245, 250) | hsl(195, 67%, 94%) |
| 210 | #e5f0fa | rgb(229, 240, 250) | hsl(210, 67%, 94%) |
| 225 | #e5ebfa | rgb(229, 235, 250) | hsl(225, 67%, 94%) |
| 240 | #e6e6fa | rgb(230, 230, 250) | hsl(240, 67%, 94%) |
| 255 | #ebe5fa | rgb(235, 229, 250) | hsl(255, 67%, 94%) |
| 270 | #f0e5fa | rgb(240, 229, 250) | hsl(270, 67%, 94%) |
| 285 | #f5e5fa | rgb(245, 229, 250) | hsl(285, 67%, 94%) |
| 300 | #fae5fa | rgb(250, 229, 250) | hsl(300, 67%, 94%) |
| 315 | #fae5f5 | rgb(250, 229, 245) | hsl(315, 67%, 94%) |
| 330 | #fae5f0 | rgb(250, 229, 240) | hsl(330, 67%, 94%) |
| 345 | #fae5eb | rgb(250, 229, 235) | hsl(345, 67%, 94%) |
| 360 | #fae5e5 | rgb(250, 229, 229) | hsl(0, 67%, 94%) |
饱和度
| sat | Hex | Rgb | Hsl |
| 100% | #e0e0ff | rgb(224, 224, 255) | hsl(240, 100%, 94%) |
| 95% | #e1e1fe | rgb(225, 225, 254) | hsl(240, 95%, 94%) |
| 90% | #e2e2fd | rgb(226, 226, 253) | hsl(240, 90%, 94%) |
| 85% | #e3e3fd | rgb(227, 227, 253) | hsl(240, 85%, 94%) |
| 80% | #e3e3fc | rgb(227, 227, 252) | hsl(240, 80%, 94%) |
| 75% | #e4e4fb | rgb(228, 228, 251) | hsl(240, 75%, 94%) |
| 70% | #e5e5fa | rgb(229, 229, 250) | hsl(240, 70%, 94%) |
| 67% | #e6e6fa | rgb(230, 230, 250) | hsl(240, 67%, 94%) |
| 65% | #e6e6fa | rgb(230, 230, 250) | hsl(240, 65%, 94%) |
| 60% | #e7e7f9 | rgb(231, 231, 249) | hsl(240, 60%, 94%) |
| 55% | #e7e7f8 | rgb(231, 231, 248) | hsl(240, 55%, 94%) |
| 50% | #e8e8f7 | rgb(232, 232, 247) | hsl(240, 50%, 94%) |
| 45% | #e9e9f7 | rgb(233, 233, 247) | hsl(240, 45%, 94%) |
| 40% | #eaeaf6 | rgb(234, 234, 246) | hsl(240, 40%, 94%) |
| 35% | #eaeaf5 | rgb(234, 234, 245) | hsl(240, 35%, 94%) |
| 30% | #ebebf4 | rgb(235, 235, 244) | hsl(240, 30%, 94%) |
| 25% | #ececf4 | rgb(236, 236, 244) | hsl(240, 25%, 94%) |
| 20% | #ededf3 | rgb(237, 237, 243) | hsl(240, 20%, 94%) |
| 15% | #ededf2 | rgb(237, 237, 242) | hsl(240, 15%, 94%) |
| 10% | #eeeef1 | rgb(238, 238, 241) | hsl(240, 10%, 94%) |
| 5% | #efeff0 | rgb(239, 239, 240) | hsl(240, 5%, 94%) |
| 0% | #f0f0f0 | rgb(240, 240, 240) | hsl(240, 0%, 94%) |
亮度
| light | Hex | Rgb | Hsl |
| 100% | #ffffff | rgb(255, 255, 255) | hsl(240, 67%, 100%) |
| 95% | #eaeafb | rgb(234, 234, 251) | hsl(240, 67%, 95%) |
| 94% | #e6e6fa | rgb(230, 230, 250) | hsl(240, 67%, 94%) |
| 90% | #d4d4f7 | rgb(212, 212, 247) | hsl(240, 67%, 90%) |
| 85% | #bfbff2 | rgb(191, 191, 242) | hsl(240, 67%, 85%) |
| 80% | #aaaaee | rgb(170, 170, 238) | hsl(240, 67%, 80%) |
| 75% | #9595ea | rgb(149, 149, 234) | hsl(240, 67%, 75%) |
| 70% | #7f7fe6 | rgb(127, 127, 230) | hsl(240, 67%, 70%) |
| 65% | #6a6ae2 | rgb(106, 106, 226) | hsl(240, 67%, 65%) |
| 60% | #5555dd | rgb(85, 85, 221) | hsl(240, 67%, 60%) |
| 55% | #3f3fd9 | rgb(63, 63, 217) | hsl(240, 67%, 55%) |
| 50% | #2a2ad5 | rgb(42, 42, 213) | hsl(240, 67%, 50%) |
| 45% | #2626c0 | rgb(38, 38, 192) | hsl(240, 67%, 45%) |
| 40% | #2222aa | rgb(34, 34, 170) | hsl(240, 67%, 40%) |
| 35% | #1d1d95 | rgb(29, 29, 149) | hsl(240, 67%, 35%) |
| 30% | #191980 | rgb(25, 25, 128) | hsl(240, 67%, 30%) |
| 25% | #15156a | rgb(21, 21, 106) | hsl(240, 67%, 25%) |
| 20% | #111155 | rgb(17, 17, 85) | hsl(240, 67%, 20%) |
| 15% | #0d0d40 | rgb(13, 13, 64) | hsl(240, 67%, 15%) |
| 10% | #08082b | rgb(8, 8, 43) | hsl(240, 67%, 10%) |
| 5% | #040415 | rgb(4, 4, 21) | hsl(240, 67%, 5%) |
| 0% | #000000 | rgb(0, 0, 0) | hsl(240, 67%, 0%) |
RGB (Red, Green, Blue)
rgb(230, 230, 250)
#e6e6fa