Make Tools
🎨

颜色选择器

在线免费颜色拾取工具，支持色板选择、取色器和调色板，实时生成 HEX/RGB/HSL 值，适合 UI 设计开发。

#
#FFD500
rgb(255, 213, 0)
HEX#FFD500
RGBrgb(255, 213, 0)
HSLhsl(50, 100%, 50%)
CMYKcmyk(0%, 16%, 100%, 0%)
CSScolor: #FFD500;

常见问题

什么是 EyeDropper API？
EyeDropper API 是浏览器功能（Chrome 95+、Edge 95+），允许你从屏幕上选取任何可见颜色，包括其他应用程序和桌面壁纸上的颜色，就像系统级颜色选择器一样。
支持输出哪些颜色格式？
工具输出 HEX（#RRGGBB）、RGB（rgb(r,g,b)）、HSL（hsl(h,s%,l%)）、CMYK（cmyk(c%,m%,y%,k%)）和 CSS 属性格式。点击任意值即可复制。
可以从图片中取色吗？
使用屏幕取色器（EyeDropper API）指向屏幕上的任意图片即可。这适用于任何应用程序中的图片，不仅限于浏览器。

相关工具

🎨Color Converter (HEX, RGB, HSL)🎨CSS Formatter & Minifier🌈CSS Gradient Generator💨CSS Box Shadow Generator

使用方法

  1. 1 拖动饱和度/亮度面板或色相滑块来直观选取颜色。
  2. 2 在输入框中直接输入 HEX 值以设置精确颜色。
  3. 3 点击屏幕取色器按钮从屏幕上采样任意颜色（Chrome/Edge）。
  4. 4 点击任意颜色格式（HEX、RGB、HSL、CMYK）旁边的复制按钮将其复制到剪贴板。
  5. 5 使用最近使用颜色面板快速返回到之前选取的颜色。