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

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

前端设计 参考工具 CSS 查找 颜色名
78
0
0
0
「颜色名称查找工具」提供以下核心功能：一、多格式颜色输入：全面支持「HEX十六进制」（如 #FF5733 或简写 #F53）、「RGB」（如 rgb(255, 87, 51)）、「HSL」（如 hsl(11, 100%, 60%)）、「RGBA」（如 rgba(255, 87, 51, 0.8)）及「HSLA」（如 hsl(11, 100%, 60%, 0.8)）等多种颜色格式的输入，工具会智能识别并解析不同格式的输入内容，您无需记忆繁琐的格式规范，只需直接粘贴从设计工具或代码中获取的颜色值即可。二、精准感知匹配：采用CIE Delta E 2000国际标准算法进行颜色相似度计算，该算法基于CIE Lab颜色空间，综合考虑了明度差、色度差和色相差三个维度，并应用了人眼感知修正权重，确保在视觉感知层面找到最接近的命名颜色，而非仅靠数学上的欧氏距离进行简单对比。三、完整颜色库浏览：提供全部148个CSS命名颜色的可视化列表，每个颜色以色块加名称的方式直观展示，支持按「红色系」「橙色系」「黄色系」「绿色系」「青色系」「蓝色系」「紫色系」及「灰度系」等八大色系分类筛选，也可以通过首字母索引快速定位。四、双向查询支持：不仅支持从颜色值正向查找最接近的CSS名称，还支持输入颜色名称如「tomato」或「cornflowerblue」反查对应的HEX值、RGB值、HSL值等全部色值信息，满足不同开发场景下的查阅需求。五、颜色详情面板：点击任意匹配结果或列表中的颜色，即可展开完整的信息卡片，展示该颜色的名称、HEX值、RGB各通道分量、HSL参数、对比色建议以及相近色推荐等丰富数据。六、一键复制便捷操作：每条色值信息旁均配有复制按钮，点击即可将对应格式的颜色值复制到系统剪贴板，方便您在代码编辑器中直接粘贴使用，无需手动选中和复制。七、历史查询记录：工具会自动在浏览器本地存储您最近的查询记录，方便回溯对比之前查找过的颜色，帮助您建立个人色彩参考库。八、响应式界面设计：采用现代化的响应式布局，完美适配桌面端、平板和手机浏览器，在任何设备上都能获得流畅一致的使用体验。
🔧 相关工具