用 AI 编辑照片——只需描述想要的修改打开
PhotoRetrica

HTML 颜色代码

浏览 HTML 和 CSS 命名颜色及其 HEX 和 RGB 值,一键复制任意代码。

文件始终保留在您的设备上完全免费

使用方法: HTML 颜色代码

  1. 1

    输入颜色

    输入颜色代码或使用取色器选择颜色,每个字段都接受其所显示的格式。

  2. 2

    查看转换结果

    结果会在您输入时即时更新,同时显示颜色的实时预览。

  3. 3

    复制代码

    一键复制所需的数值,并粘贴到您的设计、CSS 或印刷设置中。

HTML 和 CSS 中的颜色名称

HTML 和 CSS 允许用关键字而不是数字来书写颜色。除了 Red、Navy、Olive 等 16 个基本名称外,浏览器还能识别约 140 个扩展名称——Tomato、SteelBlue、RebeccaPurple 等等——每个名称都对应一个固定的 HEX 值。名称不区分大小写,所以 color: tomato 和 color: Tomato 是一样的。

本页面以色块形式列出所有命名颜色,并附上 HEX 代码和 RGB 值。在搜索框中输入内容即可按名称或 HEX 代码的一部分进行筛选,点击色块即可复制其 HEX 代码。命名颜色便于制作原型和快速演示;而对于品牌配色,HEX、RGB 或 HSL 值能让您精确控制每一种色调。

所有处理都在您的浏览器本地完成,您的图片绝不会上传到服务器。