工具星球ToolPlanet

颜色转换与取色器Color Converter & Picker

选择颜色并实时查看 HEX、RGB、HSL 数值，同时判断适合使用深色还是浅色文字。Convert HEX, RGB and HSL colors, preview swatches and compare the readability of light and dark text.

#6B50DD浅色文字对比更高

支持 #abc、#aabbcc、rgb(255, 0, 0)、hsl(120, 100%, 50%)。

HEX#6B50DD
RGBrgb(107, 80, 221)
HSLhsl(251, 67%, 59%)

颜色转换完全在浏览器中实时完成。

颜色转换与取色器使用指南Color Converter & Picker: guide

在线颜色转换与取色器，实时转换 HEX、RGB、HSL 色值，预览颜色并检查深浅文字的可读性，适合网页与 UI 配色。Convert HEX, RGB and HSL colors, preview swatches and compare the readability of light and dark text.

  1. 输入 HEX、RGB、HSL 色值或使用颜色选择器。Enter a color value or use the color picker.
  2. 查看转换结果与颜色预览，复制需要的色值。Inspect the preview and copy the desired color notation.

三位 HEX 颜色代码能使用吗？Are three-digit HEX colors supported?

可以，三位 HEX 会按对应的六位颜色解析，例如 #fff 对应 #FFFFFF。无效或超范围颜色会提示错误。Yes. For example, #fff expands to #FFFFFF. Invalid or out-of-range values show an error.

免费使用，无需注册。工具输入在浏览器本地处理；网站访问统计不包含工具输入内容。Free to use, no registration. Tool input is processed locally in your browser and is not included in website analytics.