【颜色字体代码】在网页设计、UI界面开发以及图形排版中，颜色和字体的使用是至关重要的。正确选择和应用颜色与字体代码，不仅能提升视觉效果，还能增强用户体验。本文将对常见的颜色和字体代码进行总结，并通过表格形式直观展示。
一、颜色代码总结
颜色代码通常以十六进制（HEX）格式表示，如 `FF0000` 表示红色。此外，也有RGB、HSL等格式。以下是几种常用颜色及其对应的代码：
| 颜色名称 | 十六进制（HEX） | RGB 值 | HSL 值 |
| 红色 | FF0000 | (255, 0, 0) | (0°, 100%, 50%) |
| 绿色 | 00FF00 | (0, 255, 0) | (120°, 100%, 50%) |
| 蓝色 | 0000FF | (0, 0, 255) | (240°, 100%, 50%) |
| 黑色 | 000000 | (0, 0, 0) | (0°, 0%, 0%) |
| 白色 | FFFFFF | (255, 255, 255) | (0°, 0%, 100%) |
| 黄色 | FFFF00 | (255, 255, 0) | (60°, 100%, 50%) |
| 紫色 | 800080 | (128, 0, 128) | (300°, 100%, 50%) |
| 粉红 | FFC0CB | (255, 192, 203) | (350°, 100%, 87%) |
这些颜色代码广泛应用于网页设计、应用程序界面、广告设计等领域，能够帮助设计师快速实现色彩搭配。
二、字体代码总结
字体代码通常指的是在HTML或CSS中用于定义字体的属性值，例如 `font-family` 或 `font-weight`。以下是一些常见字体及其代码示例：
| 字体名称 | CSS 代码 | 说明 |
| 宋体 | `font-family: "SimSun";` | 中文常用字体 |
| 微软雅黑 | `font-family: "Microsoft YaHei";` | Windows系统常用字体 |
| Arial | `font-family: Arial;` | 英文常用无衬线字体 |
| Times New Roman | `font-family: "Times New Roman";` | 英文常用衬线字体 |
| Helvetica | `font-family: Helvetica;` | 与Arial类似，常用于设计 |
| Georgia | `font-family: Georgia;` | 衬线字体，适合正文阅读 |
| Courier New | `font-family: "Courier New";` | 等宽字体，常用于代码显示 |
| Verdana | `font-family: Verdana;` | 易读性强，适用于屏幕显示 |
此外，字体权重（如 `font-weight: bold;`）和样式（如 `font-style: italic;`）也是控制字体外观的重要参数。
三、小结
颜色和字体是视觉设计中的基础元素，合理使用颜色代码和字体代码，可以显著提升作品的专业性和美观度。无论是前端开发还是平面设计，掌握这些基础知识都是必不可少的。
通过上述表格，可以快速查阅常用颜色和字体的代码，为项目提供便捷的参考依据。
