首页颜色选择器/转换器

颜色选择器/转换器

强大的颜色选择器、转换器和调色板生成器,支持HEX、RGB、HSL、CMYK等格式

暂无历史记录

预览文本效果

The quick brown fox jumps over the lazy dog

对比度
5.48:1
WCAG AA
普通文本大文本
WCAG AAA
普通文本大文本
color: #6366f1;
background-color: #6366f1;
border-color: #6366f1;


说明文档

工具简介

颜色选择器支持多色彩模型互转与实时取色,可在 HEX、RGB、HSL、HSV、CMYK、YCbCr、Lab 等格式间快速查看和复制结果。

核心功能

  • 支持可视化取色与历史颜色记录。
  • 支持 HEX、RGB、HSL 双向编辑并自动联动。
  • 支持 HSV、CMYK、YCbCr、Lab、Pantone 近似值查看。
  • 支持互补色、类似色、三角色等调色板生成。
  • 支持对比度计算与 WCAG AA/AAA 可读性检查。

使用步骤

  1. 通过色盘或输入框选择基础颜色。
  2. 在目标格式区域读取或复制色值。
  3. 在调色板区切换配色策略并挑选颜色。
  4. 在对比度区输入前景色与背景色检查可访问性。

适用场景

  • 前端开发中的 CSS 颜色配置。
  • 设计稿还原与跨格式色值核对。
  • 主题色搭配与品牌色探索。
  • 页面无障碍对比度验收。

常见问题

Pantone 结果是完全匹配吗?

通常为近似匹配,适合快速参考;正式印刷请以专业色卡或印刷流程为准。

为什么不同模型看起来有细微差异?

不同色彩空间和换算精度会带来误差,属于正常现象。

隐私说明

所有取色、换算与对比计算均在浏览器本地完成,不会上传你的颜色数据。