🎨 颜色工具大全
共 17 款免费在线工具 · 即开即用
色盲模拟器 - 八种色觉异常预览与配色无障碍检查 | 52tool
基于 LMS 色彩空间转换矩阵模拟红绿蓝三类色盲色弱与全色盲下的颜色表现，支持整套配色方案检查...
颜色转换工具 - HEX/RGB/HSL/HSV
颜色格式在线互转：HEX 转 RGB、RGB 转 HSL、HSL 转 HSV，附颜色选择器与对...
颜色识别器_图片取色器(HEX RGB HSL) - 52tool
免费在线颜色识别工具：上传图片点击取色，显示HEX/RGB/HSL值。含颜色名称和相近色推荐。
配色方案生成器 - 互补色/类似色/三元色
免费配色方案生成器：输入主色自动生成互补色、类似色、三元色、四元色、分裂互补色配色方案，支持 ...
🔍 颜色对比度检查器（WCAG AA/AAA 无障碍标准 · 实时检测）· 52tool.net
免费在线颜色对比度检查器：检测前景色与背景色的对比度是否符合 WCAG AA/AAA 无障碍标...
CSS 选择器速查 - 所有选择器一览
CSS 选择器在线速查表：标签、类、ID、属性、伪类、伪元素选择器全收录，含示例与兼容性。
CSS 单位速查 - px/em/rem/vw/vh/%
CSS 单位在线速查表：px、em、rem、vw、vh、%、pt、cm 等所有 CSS 长度单...
🎨 图片颜色提取器（主色调调色板 · Canvas 像素分析 · 一键复制）· 52tool.net
免费在线图片颜色提取器：上传图片 → 自动提取主色调调色板 → 一键复制 HEX 色值。Can...
🎨 屏幕取色器（EyeDropper API · HEX/RGB/HSL/CMYK · 历史记录）· 52tool.net
免费在线屏幕取色器：点击按钮 → 移动鼠标 → 采集屏幕任意位置颜色。支持 HEX / RGB...
CSS Flexbox 布局生成器 - 弹性盒子可视化调参 | 52tool
拖动选项即时预览 flex-direction、justify-content、align-i...
渐变色生成器_CSS渐变在线生成(线性径向锥形多色标一键复制) - 52tool
免费在线 CSS 渐变色生成器：可视化生成 linear-gradient / radial-...
CSS Grid 网格布局生成器 - 可视化生成栅格代码 | 52tool
可视化设置行列数量、轨道尺寸、间距与区域命名，实时预览网格布局效果并生成 grid-templ...
🎨 配色方案生成器 - 5 种和谐配色 + Tailwind 类名 + 大厂主题色库
免费在线配色方案生成器：选个主色，自动生成互补 / 邻近 / 三分 / 四分 / 单色 5 种...
CSS 进度条生成器 - 在线生成加载动画
免费 CSS 进度条生成器：线性、圆形、条纹、脉冲等多种样式，可视化调整参数一键复制 CSS 代码。
RGB 颜色表 - 标准色值速查
常用 RGB / HEX 颜色对照表，含命名颜色与流行配色方案。
🌙 CSS 阴影生成器（box-shadow · 偏移/模糊/扩散/颜色 · 实时预览）· 52tool.net
免费在线 CSS box-shadow 阴影生成器：可视化调节偏移/模糊半径/扩散半径/颜色/...
📐 CSS 三角形生成器（四方向 · 大小/颜色可调 · 一键复制）· 52tool.net
免费在线 CSS 三角形生成器：选择方向（上/下/左/右），调节宽高和颜色，实时预览，一键复制...
