Color Palette / 提取色板
Analysis / 配色分析
这组色彩搭配包含了一系列不同的颜色,从浅灰到深灰,从冷蓝到暖棕都有体现。以下是每个颜色的具体特征和应用建议
1. #d8dbdd这是一种非常浅的灰色,几乎接近白色。它可以作为背景色,用于突出其他更鲜艳的颜色。
2. #71828d这是一种中等深度的灰色,带有一些蓝色调。这种颜色既可以用作背景色,也可以用于文本和图标。
3. #272b2e这是一种深灰色,接近黑色。它可以用作背景色,为页面增加深度和对比度。
4. #4b626f这是一种带有蓝调的深灰色。它可以用作强调色或背景色。
5. #8ba1b0这是一种浅蓝色,带有一些灰色调。它可以用于图标、按钮或链接。
6. #9db1c0这是一种中等深度的蓝色,带有一些灰色调。它可以用作背景色或强调色。
7. #3f4f59这是一种深蓝色,接近黑色。它可以用作背景色或文本颜色。
8. #b6afa4这是一种浅棕色,带有一些绿色调。它可以用于图标、按钮或链接。
9. #b19e99这是一种中等深度的棕色,带有一些红色调。它可以用作背景色或强调色。
10. #5e4a45这是一种深棕色,接近黑色。它可以用作背景色或文本颜色。
11. #635752这是一种中等深度的棕色,带有一些灰色调。它可以用作强调色或文本颜色。
12. #57525a这是一种深灰色,带有一些紫色调。它可以用作背景色或文本颜色。
13. #aca7ae这是一种非常浅的灰色,带有一些紫色调。它可以作为背景色,用于突出其他更鲜艳的颜色。
14. #a4aaa8这是一种浅灰色,带有一些绿色调。它可以用于图标、按钮或链接。
这组色彩搭配整体上呈现出一种现代、简洁和优雅的感觉,适合用于设计高端、专业的网站或应用程序界面。同时,这组色彩搭配也包含了多种不同的颜色和色调,可以很好地适应不同的设计需求和风格偏好。在使用这组色彩搭配时,建议注意保持色彩的和谐与平衡,避免过多的鲜艳色彩导致视觉混乱。
1. #d8dbdd这是一种非常浅的灰色,几乎接近白色。它可以作为背景色,用于突出其他更鲜艳的颜色。
2. #71828d这是一种中等深度的灰色,带有一些蓝色调。这种颜色既可以用作背景色,也可以用于文本和图标。
3. #272b2e这是一种深灰色,接近黑色。它可以用作背景色,为页面增加深度和对比度。
4. #4b626f这是一种带有蓝调的深灰色。它可以用作强调色或背景色。
5. #8ba1b0这是一种浅蓝色,带有一些灰色调。它可以用于图标、按钮或链接。
6. #9db1c0这是一种中等深度的蓝色,带有一些灰色调。它可以用作背景色或强调色。
7. #3f4f59这是一种深蓝色,接近黑色。它可以用作背景色或文本颜色。
8. #b6afa4这是一种浅棕色,带有一些绿色调。它可以用于图标、按钮或链接。
9. #b19e99这是一种中等深度的棕色,带有一些红色调。它可以用作背景色或强调色。
10. #5e4a45这是一种深棕色,接近黑色。它可以用作背景色或文本颜色。
11. #635752这是一种中等深度的棕色,带有一些灰色调。它可以用作强调色或文本颜色。
12. #57525a这是一种深灰色,带有一些紫色调。它可以用作背景色或文本颜色。
13. #aca7ae这是一种非常浅的灰色,带有一些紫色调。它可以作为背景色,用于突出其他更鲜艳的颜色。
14. #a4aaa8这是一种浅灰色,带有一些绿色调。它可以用于图标、按钮或链接。
这组色彩搭配整体上呈现出一种现代、简洁和优雅的感觉,适合用于设计高端、专业的网站或应用程序界面。同时,这组色彩搭配也包含了多种不同的颜色和色调,可以很好地适应不同的设计需求和风格偏好。在使用这组色彩搭配时,建议注意保持色彩的和谐与平衡,避免过多的鲜艳色彩导致视觉混乱。
Data / 详细代码
| Color | HEX | RGB | Action |
|---|---|---|---|
| #d8dbdd | 216,219,221 | COPY | |
| #71828d | 113,130,141 | COPY | |
| #272b2e | 39,43,46 | COPY | |
| #4b626f | 75,98,111 | COPY | |
| #8ba1b0 | 139,161,176 | COPY | |
| #9db1c0 | 157,177,192 | COPY | |
| #3f4f59 | 63,79,89 | COPY | |
| #b6afa4 | 182,175,164 | COPY | |
| #b19e99 | 177,158,153 | COPY | |
| #5e4a45 | 94,74,69 | COPY | |
| #635752 | 99,87,82 | COPY | |
| #57525a | 87,82,90 | COPY | |
| #aca7ae | 172,167,174 | COPY | |
| #a4aaa8 | 164,170,168 | COPY |