HEX、RGB、HSL 与 OKLCH
在一个工具里比较常用 CSS 颜色格式,并复制设计工具或代码库需要的色值。
选择颜色
可视化选择颜色,或输入十六进制、RGB 和 HSL 数值,查看对应 OKLCH、明暗色阶、色调和和谐配色,用于 CSS、UI 组件与品牌色板。
在一个工具里比较常用 CSS 颜色格式,并复制设计工具或代码库需要的色值。
用一个基础色生成浅色、深色和中间色,适合 hover 状态、边框、背景和设计 token。
选定基础色后,可继续检查对比度、转换格式,或打开色轮生成完整配色方案。