- HTML 教程
- HTML - 首页
- HTML - 路线图
- HTML - 简介
- HTML - 历史与演变
- HTML - 编辑器
- HTML - 基本标签
- HTML - 元素
- HTML - 属性
- HTML - 标题
- HTML - 段落
- HTML - 字体
- HTML - 块
- HTML - 样式表
- HTML - 格式化
- HTML - 引用
- HTML - 注释
- HTML - 颜色
- HTML - 图片
- HTML - 图片地图
- HTML - 内嵌框架
- HTML - 短语元素
- HTML - 元标签
- HTML - 类
- HTML - ID
- HTML - 背景
- HTML 表格
- HTML - 表格
- HTML - 表头与标题
- HTML - 表格样式
- HTML - 表格 Colgroup
- HTML - 嵌套表格
- HTML 列表
- HTML - 列表
- HTML - 无序列表
- HTML - 有序列表
- HTML - 定义列表
- HTML 链接
- HTML - 文本链接
- HTML - 图片链接
- HTML - 邮件链接
- HTML 颜色名称与值
- HTML - 颜色名称
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML 表单
- HTML - 表单
- HTML - 表单属性
- HTML - 表单控件
- HTML - 输入属性
- HTML 媒体
- HTML - 视频元素
- HTML - 音频元素
- HTML - 嵌入多媒体
- HTML 头部
- HTML - Head 元素
- HTML - 添加 Favicon
- HTML - Javascript
- HTML 布局
- HTML - 布局
- HTML - 布局元素
- HTML - 使用 CSS 进行布局
- HTML - 响应式设计
- HTML - 符号
- HTML - 表情符号
- HTML - 样式指南
- HTML 图形
- HTML - SVG
- HTML - Canvas
- HTML API
- HTML - Geolocation API
- HTML - 拖放 API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web 存储
- HTML - 服务器发送事件
- HTML 杂项
- HTML - 文档对象模型 (DOM)
- HTML - MathML
- HTML - 微数据
- HTML - IndexedDB
- HTML - Web 消息传递
- HTML - Web CORS
- HTML - Web RTC
- HTML 演示
- HTML - 音频播放器
- HTML - 视频播放器
- HTML - 网页幻灯片
- HTML 工具
- HTML - Velocity Draw
- HTML - 二维码
- HTML - Modernizer
- HTML - 验证
- HTML - 颜色选择器
- HTML 参考
- HTML - 速查表
- HTML - 标签参考
- HTML - 属性参考
- HTML - 事件参考
- HTML - 字体参考
- HTML - ASCII 码
- ASCII 表格查询
- HTML - 颜色名称
- HTML - 实体
- MIME 媒体类型
- HTML - URL 编码
- 语言 ISO 代码
- HTML - 字符编码
- HTML - 已弃用标签
- HTML 资源
- HTML - 快速指南
- HTML - 有用资源
- HTML - 颜色代码生成器
- HTML - 在线编辑器
HTML - 颜色代码生成器
有时我们需要使用不同的颜色来装饰我们的 HTML 页面。HTML 提供了广泛的属性,可用于设置背景颜色、字体颜色等等。
要在 HTML 页面中使用颜色,我们需要选择有效的颜色代码。找到颜色代码总是很困难的。如果您脑海中已经有了某种颜色,下面的工具可以帮助您将其转换为 rgb 和十六进制代码。
HTML 颜色选择器
我们可以使用红色、绿色和蓝色的组合来创建任何颜色。如果我们将三种颜色的强度都设置为最大,则结果颜色将为白色。类似地,如果我们为所有 RGB 值赋予零强度,我们将获得黑色。
当前颜色值
十六进制:#fff
RGB:255, 255, 255
RGBA:255, 255, 255, 1
HSL:0, 0%, 100%
rgb() 函数接受三个参数,分别是红色值、绿色值和蓝色值。每个值都使用一个整数指定,该整数的范围可以是 0 到 255,其中 0 表示无颜色,255 表示完全的颜色强度。混合这些值将创建其他不同的颜色。
HSL 颜色代码生成器
HSL 颜色模型代表色相、饱和度和亮度。色相是颜色类型,以 0 到 360 度为单位测量。饱和度是颜色的强度,从 0%(灰色)到 100%(全色)。亮度是颜色的亮度,从 0%(黑色)到 100%(白色)。通过调整这三个值,我们可以创建各种各样的颜色。与 RGB 模型相比,此模型通常被认为更直观地选择颜色。
HSL(色相、饱和度、亮度)
色相 |
|
饱和度 |
|
亮度 |
|
相关主题
要了解更多有关颜色的信息,您可以阅读以下列出的文章。
广告