欢迎光临
我们一直在努力

在线颜色提取

在线颜色提取

颜色识别取色器工具:选择和管理您的项目颜色

1、方式一:拾色器取色

2、方式二:全屏取色

CMYK值为屏幕显示模拟值,实际印刷输出效果可能因设备及色彩管理配置而异。

最近使用的颜色

欢迎使用我们的高级在线颜色取色器!

无论您是设计师、开发者还是任何需要进行在线颜色提取色彩提取的用户,这款强大的颜色提取工具都能满足您的需求。我们的在线颜色取色器提供了多种方式来帮助您精确捕获、识别和管理颜色。告别猜测,开始精确的颜色提取吧!

界面概览

我们的颜色取色器工具界面主要分为三个核心区域:

  1. 核心取色操作区 (顶部): 您可以在这里选择不同的颜色拾取方法。
  2. 颜色信息与结果输出区 (中部): 查看当前选定颜色的详细信息、预览、并进行代码复制或手动输入。
  3. 最近使用颜色区 (底部): 快速访问您之前提取或选择过的颜色。

一、核心取色操作区:选择您的颜色提取方式

在此区域顶部,您会看到两个单选框:“手动调色”和“图片取色”。选择其中一个即可切换到对应的颜色拾取模式。

A. 手动调色模式

当您选择“手动调色”后,您可以使用以下两种方式进行颜色提取

  1. 调色板与滑块精细取色:
    • 主色板 (饱和度/亮度): 这是一个较大的方形区域。您可以直接在色板上点击或拖动小指示器,以选择颜色的饱和度(色彩的鲜艳程度)和亮度(色彩的明暗程度)。例如,将指示器拖到左上角通常是白色(高亮度和低饱和度),右下角可能是较暗且饱和的颜色(具体取决于当前色相)。
    • 色相滑块: 在主色板下方或旁边,您会看到一个彩虹色的滑块。拖动此滑块上的指示器可以选择基础色调(如红、橙、黄、绿、蓝、紫等)。例如,将滑块指示器移动到绿色区域,主色板就会显示各种深浅和饱和度的绿色供您选择。
    • 透明度滑块 (Alpha): 此滑块允许您为颜色添加透明效果。背景的棋盘格图案能帮助您直观判断透明度。将指示器向左拖动,颜色会变得更透明;向右则更不透明。例如,选择一个纯红色,然后将透明度滑块拖到中间,您会得到一个半透明的红色。
    • 所有这些控件都会实时更新“颜色信息与结果输出区”的颜色预览和代码。
  2. 全屏颜色吸管 (屏幕取色):
    • 如果您需要从浏览器窗口之外的任何应用程序、图片或网页元素上进行在线提取颜色,这个功能非常有用。
    • 点击标有“从屏幕任何位置取色”(或类似文字并带有吸管图标)的按钮。
    • 您的浏览器可能会请求权限以访问屏幕内容。请允许它。
    • 之后,您的鼠标光标会变成一个特殊的吸管或十字准星样式。移动鼠标到您想拾取颜色的屏幕任何位置,光标旁可能会有颜色预览。
    • 单击鼠标左键即可捕获该像素的颜色。
    • 如果您想取消操作,可以按键盘上的 ESC 键。
    • 成功拾取后,该颜色会立即在“颜色信息与结果输出区”显示,并自动添加到“最近使用颜色区”。这是一个非常便捷的颜色识别取色器功能。

B. 图片取色模式

当您选择“图片取色”单选框后,您可以从上传的图片中进行颜色在线提取

  1. 上传图片:
    • 点击“上传图片”按钮,从您的电脑中选择一个图片文件(支持JPG, PNG, GIF, WEBP等常见格式)。
    • 您也可以直接将图片文件从您的文件管理器拖拽到指定的上传区域。
    • 图片上传后会显示在下方的画布区域。
  2. 从图片拾取颜色 (带放大镜):
    • 将鼠标指针移动到已加载的图片上。
    • 您会注意到,在鼠标指针附近会出现一个跟随您鼠标移动的“放大镜”。这个放大镜会实时显示鼠标下方像素点及其周围区域的放大视图,以及该像素的HEX和RGB颜色代码。这使得从细节丰富的图片中精确提取颜色变得非常容易。
    • 仔细观察放大镜中的预览,当它指示到您想要的颜色时,单击鼠标左键
    • 所选颜色会立即更新到“颜色信息与结果输出区”,并自动添加到“最近使用颜色区”。这个功能使得我们的工具也像一个专业的提取颜色的软件

二、颜色信息与结果输出区:查看、编辑与管理颜色

无论您通过哪种方式选择了颜色,这个区域都会实时更新并展示详细信息。

  1. 主颜色预览区:
    • 一个显著的方块,实时显示当前选定的颜色。背景的棋盘格图案有助于您判断颜色的透明度。
  2. 颜色代码组:
    • 这里列出了当前颜色在不同标准格式下的代码:
      • HEX / HEX8: 常用于网页设计(例如 #FF0000 代表红色,#FF000080 代表带50%透明度的红色)。
      • RGB / RGBA: 常用于屏幕显示(例如 rgb(255, 0, 0) 代表红色,rgba(255, 0, 0, 0.5) 代表带50%透明度的红色)。
      • HSL / HSLA: 一种更直观的颜色表示法(色相、饱和度、亮度)。
      • HSV / HSVA (或 HSB / HSBA): 类似HSL,常用于图形软件。
      • CMYK: 主要用于印刷品颜色(旁边有免责声明提示屏幕显示与实际印刷的差异)。
    • 查看与复制: 您可以直接查看这些代码。每个代码旁边都有一个“复制”按钮,点击即可将该颜色代码复制到剪贴板。
    • 手动输入: 您也可以在任何一个代码输入框中直接键入或粘贴有效的颜色代码(例如,输入 rgb(52, 152, 219) 或 #3498db),然后按回车键或使输入框失去焦点,工具会尝试解析并更新颜色。如果输入无效,会有错误提示。
  3. 重置按钮:
    • 点击“重置为默认颜色”按钮,会将当前颜色恢复到工具的初始默认颜色(通常是红色 #FF0000)。

三、最近使用颜色区:您的颜色历史记录

这个区域帮助您快速找回并复用之前使用过的颜色。

  • 显示: 这是一个二维的小区域,以网格形式展示最多20个您最近“最终确定”的颜色(通过吸管拾取、图片拾取、手动输入代码或完成一次调色板/滑块调节后都会被记录)。
  • 信息: 每个颜色方块不仅显示颜色本身,还会直接标示出该颜色的16进制 (HEX) 和 RGB 代码,方便您快速识别。
  • 重新选择: 单击任何一个历史颜色方块,该颜色会立即成为当前选定颜色,并更新到“颜色信息与结果输出区”和手动调节区的控件状态。
  • 清除历史: 如果您想清空所有历史记录,可以点击“清除历史记录”按钮(可能会有确认提示)。
  • 此历史记录会自动保存在您的浏览器中,方便您下次使用这款颜色取色器时找回。

我们希望这份详细的用户说明能帮助您充分利用这款在线颜色提取工具的所有功能。祝您使用愉快,轻松完成每一次色彩提取颜色识别取色器的任务!

赞(0)
分享到

评论 抢沙发

登录

找回密码

注册