TOOLGRIDTOOLGRID
首页图片工具PDF 工具视频工具音频工具
More
开发工具Web 与 SEO分类文本工具计算器测试方法关于
Menu
首页图片工具PDF 工具视频工具音频工具开发工具Web 与 SEO分类文本工具计算器测试方法关于
109 个工具已上线
TOOLGRIDTOOLGRID

需要某项具体功能时,完整工具箱始终可用。

© 2026 TOOLGRID. All rights reserved.

Tools

图片工具PDF 工具视频工具音频工具转换工具开发工具Web 与 SEO文本工具计算器

Resources

分类测试方法隐私政策

Company

关于条款联系
CSS 与颜色
  1. 首页
  2. CSS 与颜色
  3. Color Converter

Color Converter

Convert colors between Hex, RGB, HSL, and OKLCH with a live swatch and hue slider.

开始使用这个工具
浏览器本地处理不向 TOOLGRID 上传输入复制前先检查
DEVELOPER 工作流Color Converter 能力卡
输入
Pasted text or typed values
输出
Color Converter result
运行引擎
Browser APIs
审核日期
2026-07-17
浏览器本地工作区在下方开始,使用浏览器本地处理。

工具代码会在浏览器中处理所选文件和输入内容,不会将其提交给 TOOLGRID 的处理接口。 TOOLGRID 只衡量工具使用情况,不记录你输入的内容。

  • 不上传工具输入至 TOOLGRID
  • 不登录
  • 复制前先检查

Loading tool…

浏览器内运行

这个工具能做什么

01

Parse and convert colors across Hex, RGB, HSL, and OKLCH formats with full D65 color math.

02

Color Converter auto-detects the input format and converts to Hex, RGB, HSL, and OKLCH simultaneously.

03

Use the hue slider to explore hue variations while preserving lightness and chroma.

代表性任务

这个工具适合解决什么问题

Try a representative color converter task

Color Converter auto-detects the input format and converts to Hex, RGB, HSL, and OKLCH simultaneously.

使用边界

依赖结果前需要检查什么

  • Performance and maximum practical input size depend on browser memory, device speed, and the structure of the input.
  • Review the generated result before replacing or publishing an original file.
MDN Web APIs
继续当前流程下一步常用工具

如果还需要校验、转换或复用结果,可以继续打开相近的浏览器本地工具。

当前结果
产物CSS 数值动作复制结果
CSS Unit Converter — px / rem / em / % / pt / vw / vhCSS 与颜色本地产物CSS 数值动作复制结果立即本地使用→哈希生成器安全与随机本地产物生成值动作复制结果立即本地使用→Unit Converter单位换算本地产物换算数值动作复制结果立即本地使用→

如何使用

01
01Paste any color value: #hex, rgb(), rgba(), hsl(), hsla(), or oklch().
02Copy the output in whichever format you need.
03Drag the hue slider to explore related hues.

常见问题

02
What formats are supported?

Hex (#rgb, #rrggbb, #rrggbbaa), rgb(), rgba(), hsl(), hsla(), and oklch().

What is OKLCH?

OKLCH is a perceptually uniform color model defined by lightness, chroma, and hue. It is widely supported in modern CSS.

Does the hue slider change the input?

No. It adjusts only the displayed color by rotating the hue channel in OKLCH space while keeping lightness and chroma constant.

相关工具

03
本地

CSS Unit Converter — px / rem / em / % / pt / vw / vh→立即本地使用No TOOLGRID input upload

Convert CSS lengths between px, rem, em, %, pt, vw, and vh — configurable root font size and viewport.

CSS 数值复制结果

本地

哈希生成器→立即本地使用No TOOLGRID input upload

生成 SHA、MD5 和 HMAC 摘要,用于校验、签名调试和数据比对。

生成值复制结果

本地

Unit Converter→立即本地使用No TOOLGRID input upload

Convert values between common length units.

换算数值复制结果