返回插件目录
效率工具tinyisle

颜色转换器

在搜索框输入色值，实时预览并转换 HEX / RGB / HSL 等八种格式，附带对比度与互补色分析。

查看安装方式
INSTALL

安装方式

MioKit 默认使用公共插件源。打开插件管理，用「添加插件」搜索下方 Package Id 即可安装。

  1. 打开插件管理在 MioKit 中进入插件管理页面
  2. 添加插件使用「添加插件」，搜索并安装对应 Package Id
Package IdMioKit.ColorToolkit

简介

在 MioKit 搜索框里输入或复制颜色值，即可得到 HEX、RGB、HSL、HSV、CMYK、HSI、LAB、OKLCH 八种格式的即时转换，并附带互补色、亮度、对比度与推荐前景色，方便取色与配色核对。

核心亮点

即输即转

搜索框输入颜色值，结果实时出现并置顶展示。

剪贴板联动

搜索框为空时自动读剪贴板文本，复制色值就能用。

八格式输出

HEX / RGB / HSL / HSV / CMYK / HSI / LAB / OKLCH，均可一键复制。

设计辅助

互补色、感知亮度、WCAG 对比度与推荐前景色，方便判断可读性。

RGBA 滑块

R/G/B/A 四个滑块拖动即时重算全部格式。

无感附着

用 color 命令或 / 作用域附着，不干扰全局搜索。

快速上手

  1. 打开搜索框，直接输入 #4CAF50 或 rgb(76, 175, 80) 等色值。
  2. 也可输入 color 附着后编辑，或输入 / 选择「颜色转换」。
  3. 复制色值后打开搜索框（保持为空），会自动用剪贴板解析。
  4. 在结果卡片里复制任意格式，或拖动 RGBA 滑块微调。

支持的输入

  • HEX#RGB / #RGBA / #RRGGBB / #AARRGGBB；也可不带 #
  • RGB / RGBArgb(...)、rgba(...)，或逗号 / 空格宽松写法
  • HSL / HSVhsl / hsla / hsv / hsb
  • CMYK / OKLCHcmyk(...)、oklch(...)
  • 命名颜色red、dodgerblue 等 20 种常用色

HSI 与 LAB 暂不支持作为输入解析。

输出格式

  • HEX#4CAF50（含 Alpha 时为 8 位 #AARRGGBB）
  • RGB76, 175, 80
  • HSL / HSV色相、饱和度、亮度 / 明度
  • CMYK / HSI / LAB / OKLCH印刷与感知色彩空间输出

颜色分析

  • 互补色色相旋转 180°，显示色块与 HEX
  • 感知亮度ITU-R BT.601，归一化到 0~1
  • 对比度与黑 / 白的 WCAG 相对对比度
  • 推荐前景色取对比度更高者；预览区「Abc」用其渲染

结果卡片

  • 左侧：当前色块 + 推荐前景色「Abc」，下方互补色与亮度
  • 中间：R / G / B / A 滑块，拖动即时重算
  • 右侧：八种格式两列列表，每项可复制

使用注意

  • HSI / LAB 目前仅支持输出，不能作为输入。
  • 4 位 Hex 按 RGBA、8 位按 AARRGGBB 解释。
  • 纯数字四段（如 100, 0, 0, 1）可能歧义，请用 rgba(...) 或 cmyk(...)。