无需登录 数据私有 本地保存

颜色名称查找工具 - HEX与命名颜色互转

前端设计 参考工具 CSS 查找 颜色名
82
0
0
0
「颜色名称查找工具」是一款专为前端开发者、网页设计师和色彩爱好者打造的实用在线工具。在现代网页设计与开发流程中，颜色是最核心的视觉元素之一，而CSS颜色名称作为W3C规范中预定义的颜色表示方式，因其简洁直观的语法而被广泛使用。CSS规范中定义了共计148个命名颜色，其中包含大量并不为人熟知的名称，诸如「tomato」（番茄色）、「cornflowerblue」（矢车菊蓝）、「mediumspringgreen」（中春绿）、「darkslategray」（暗石板灰）等，这些名称对于大多数开发者来说既难以记忆也无法直观判断其对应的实际色彩。在实际开发过程中，设计师交付的设计稿通常使用HEX色值或RGB数值标注颜色，开发者在需要使用命名颜色的场景下往往需要反复查阅文档，效率低下且容易出错。本工具正是为解决这一核心痛点而生。通过输入任意格式的颜色值，包括「HEX十六进制」、「RGB」、「HSL」、「RGBA」及「HSLA」等多种格式，工具将自动为您匹配最接近的CSS命名颜色，并展示该颜色的完整色值信息，包括HEX值、RGB各通道分量以及HSL参数。我们的匹配算法采用业界领先的「CIE Delta E 2000」感知色差计算标准，该算法基于CIE Lab颜色空间进行色差量化，充分考虑了人眼对不同颜色通道的敏感度差异，确保返回的结果在视觉感知层面最为接近，有效避免了色差明显但数值接近的误导性结果。除了从颜色值到名称的正向匹配外，工具还支持从颜色名称反向查询对应的全部色值数据，以及浏览全部148个CSS命名颜色的完整可视化列表。您可以按色系分类查看，也可以按首字母快速索引定位。无论是日常开发中的快速查阅、设计阶段的色彩方案探索，还是教学场景下的颜色知识学习，这款工具都能显著提升您的工作效率和色彩认知水平。所有颜色计算均在用户本地浏览器中完成，无需向服务器传输任何数据，充分保障您的隐私安全和数据安全。
🔧 相关工具