好看的颜色及其 Hex 代码合集
常用颜色及对应 Hex 码
以下是一些视觉舒适、常见又易搭配的颜色及其对应的 Hex 代码，可直接用于前端开发、图表绘制或配色设计。
| 颜色名称 | 示例 | Hex 代码 | 用法建议 |
|---|---|---|---|
| 天空蓝 Sky Blue | #87CEFA |
清新、柔和，适合作为背景色 | |
| 湖水绿 Aqua | #00FFFF |
亮眼，常用于高亮区域 | |
| 薄荷绿 Mint | #98FF98 |
清爽自然，适合清新的界面风格 | |
| 珊瑚橙 Coral | #FF7F50 |
温暖活力，适合作为按钮或点缀色 | |
| 蜜桃粉 Peach | #FFDAB9 |
柔和甜美，适用于温柔风格设计 | |
| 樱花粉 Sakura | #FFB7C5 |
甜美浪漫，适合节日或女性主题 | |
| 薰衣草紫 Lavender | #E6E6FA |
典雅宁静，适用于背景配色 | |
| 莓果紫 Berry | #990F4B |
浓郁高级，用作主色调效果出色 | |
| 深靛蓝 Indigo | #4B0082 |
稳重神秘，适合夜间模式 | |
| 石墨灰 Graphite | #4B4B4B |
中性简约，常用于文字或边框色 | |
| 暖灰 Warm Gray | #A89F91 |
低饱和度，自然亲和感 | |
| 鼠尾草绿 Sage | #9DC183 |
自然柔和，适合环保或健康主题 | |
| 浅米色 Beige | #F5F5DC |
中性背景色，适合阅读页面 | |
| 奶油白 Cream | #FFFDD0 |
柔亮温暖，适合轻松场景 | |
| 果绿 Apple Green | #8DB600 |
明亮自然，用于自然类图表 | |
| 枫叶红 Maple Red | #D94F4F |
热烈醒目，适合强调色 | |
| 深海蓝 Deep Sea | #003366 |
稳重专业，常见于商务网站 | |
| 香槟金 Champagne | #F7E7CE |
高级感色调，用于品牌主题 | |
| 奶茶棕 Milk Tea | #DDBB99 |
温柔中性，流行于 UI 设计 |
Microsoft Office 常见配色
以下颜色广泛用于 Office Word、PowerPoint 和 Excel 等模板主题中，适合做演示文稿、图表、报告等：
| 颜色名称 | 示例 | Hex 代码 | 用法建议 |
|---|---|---|---|
| Office 蓝 Blue | #4472C4 |
经典商务蓝，适合主色和标题色 | |
| Office 橙 Orange | #ED7D31 |
强烈对比，适合作为辅助或强调色 | |
| Office 灰 Gray | #A5A5A5 |
中性色，适合用作背景或边框色 | |
| Office 绿 Green | #70AD47 |
沉稳健康，用于成功或环保主题 | |
| Office 红 Red | #C00000 |
强烈警示色，常用于错误或警告提示 | |
| Office 紫 Purple | #7030A0 |
稍显庄重，适合正式内容背景 | |
| Office 青 Teal | #00B0F0 |
明快现代，适合科技或金融主题 |
扩展配色合集（含视觉色块）
以下颜色适用于图表、界面、PPT 等多种使用场景，颜色名称为通俗描述，按色调分组。
| 色块 | 颜色名 | Hex码 | 用途建议 |
|---|---|---|---|
#60ACFC |
靛蓝 | #60ACFC |
商务冷静、科技风 |
#32D3EB |
天蓝 | #32D3EB |
清爽醒目 |
#5BC49F |
薄荷绿 | #5BC49F |
轻快自然 |
#FEB64D |
橙黄 | #FEB64D |
明亮活泼 |
#FF7C7C |
桃红 | #FF7C7C |
青春甜美 |
#9287E7 |
淡紫 | #9287E7 |
梦幻柔和 |
#FFDD55 |
浅黄 | #FFDD55 |
明亮背景 |
#FFAA85 |
浅橙 | #FFAA85 |
温暖亲切 |
#A8E6CF |
浅绿 | #A8E6CF |
健康舒适 |
#DCE775 |
柠檬黄 | #DCE775 |
活力明快 |
#FF8A65 |
珊瑚橙 | #FF8A65 |
情感激发 |
#9575CD |
紫罗兰 | #9575CD |
浪漫优雅 |
#81C784 |
草绿色 | #81C784 |
环保健康 |
#4DD0E1 |
青蓝 | #4DD0E1 |
新颖现代 |
#BA68C8 |
浅紫 | #BA68C8 |
温和高雅 |
#7986CB |
灰蓝 | #7986CB |
冷静专业 |
#4FC3F7 |
宝石蓝 | #4FC3F7 |
冷艳亮眼 |
#F06292 |
樱花粉 | #F06292 |
温柔浪漫 |
#AED581 |
青柠绿 | #AED581 |
活力自然 |
#FFD54F |
金黄 | #FFD54F |
喜庆、节日 |
#FFAB91 |
桃橙 | #FFAB91 |
柔美可亲 |
#FBC02D |
金黄 | #FBC02D |
醒目高亮 |
#8D6E63 |
栗色 | #8D6E63 |
复古气质 |
#BDBDBD |
灰色 | #BDBDBD |
中性稳重 |
#FFCDD2 |
淡粉 | #FFCDD2 |
柔和清淡 |
#C5E1A5 |
浅绿 | #C5E1A5 |
清新柔和 |
#80DEEA |
浅青 | #80DEEA |
冷色调背景 |
#CE93D8 |
薰衣草紫 | #CE93D8 |
甜美梦幻 |
#F48FB1 |
粉红 | #F48FB1 |
活泼少女风 |
#B39DDB |
丁香紫 | #B39DDB |
稳重柔美 |
#FF7043 |
鲑鱼橙 | #FF7043 |
醒目活泼 |
#D4E157 |
柠檬绿 | #D4E157 |
亮眼鲜活 |
#FFEB3B |
向日葵黄 | #FFEB3B |
明亮热情 |
#E57373 |
玫瑰红 | #E57373 |
情感表达 |
#FFF176 |
浅黄 | #FFF176 |
柔和亮色 |
#FFB74D |
杏橙 | #FFB74D |
清甜温暖 |
#A1887F |
浅褐 | #A1887F |
古典感、木质风 |
使用建议
- 背景色推荐使用浅色如
#E6E6FA、#F5F5DC。 - 按钮和强调色可使用
#FF7F50、#D94F4F、#00FFFF。 - 文字和边框色适合
#4B4B4B、#003366。 - 自然风格页面可以搭配使用
#9DC183、#8DB600、#A89F91。
好看的颜色及其 Hex 代码合集