颜色转换器:HEX / RGB / HSL 三格式互转
前端写样式,颜色要同时在 HEX、RGB、HSL 三种格式之间切换:设计稿给的是 HEX,代码里可能要算 HSL 透明度,或者要微调亮度色相。这个工具三种格式实时互转,带取色器和预览。
功能
- 三格式互转:输入任意一种格式,其他两种立即算出,带色值预览。
- 取色器:直接从屏幕取色,省去截图再开 PS 的麻烦。
- 一键复制:点一下复制目标格式的色值字符串。
典型场景
把设计稿的 HEX 转成 RGB 写 inline style;把品牌色换成 HSL 后微调明度做悬停效果;或者直接取色得到准确色值。颜色工具虽小,写页面时天天要用。
Color Converter: HEX / RGB / HSL in one place
When styling, colors move between HEX, RGB and HSL constantly: design files give HEX, code may need HSL alpha, or you want to tweak lightness and hue. This tool converts all three formats live, with a color picker and preview.
Features
- Three-way conversion: type any format and the others appear instantly with preview.
- Color picker: grab a color straight from the screen — no screenshots needed.
- One-click copy: copy the color string in your target format.
Typical cases
Turn a HEX from the design file into RGB for an inline style; convert a brand color to HSL to tweak lightness for hover states; or just pick an accurate color value. Small tool, used every day while building pages.