WCAG 颜色对比度检查器 - 无障碍合规性测试
输入前景和背景颜色,计算对比度比率并评估是否满足 WCAG AA/AAA 级标准,助力无障碍设计。
UD5工具箱
输入前景和背景颜色,计算对比度比率并评估是否满足 WCAG AA/AAA 级标准,助力无障碍设计。
上传图片,提取前 N 个主导颜色及其占比,生成配色板供设计使用,支持导出 HEX 数组。
使用三个滑块精细调整 HSL 各分量,实时预览颜色并复制十六进制或 RGB。
使用Oklch色彩空间调节明度、饱和度和色调,预览人类感知均匀的颜色渐变。
选择两张图片或纯色图层,切换 multiply、screen、overlay 等混合模式,预览并生成 CSS。
用画笔在图片上涂抹,仅保留涂抹区域的颜色,其余转为黑白,突出主体。
提取图片中每个像素的RGB值并在3D空间中以小球显示,直观查看主色分布。
输入颜色十六进制值,根据色相和明度给出类似`--color-primary-500`的命名建议。
可视化浏览 Tailwind CSS 所有内置颜色的 50-950 色阶,点击复制类名或色值。
输入一组颜色,生成矩阵显示每两色间的对比度和WCAG级别,确保调色板可访问。
输入HEX,从内置的Pantone色库中寻找最接近的彩通色号及名称。
在线颜色格式转换器,实现RGB、HEX、HSL、HSV等颜色代码互相转换,实时预览颜色效果。
支持任意格式颜色输入,计算对比度并显示WCAG 2.1各级别通过情况,含颜色建议。
输入网址,尝试拉取该站favicon并提取其主要颜色,用于品牌配色参考。
展示Tailwind CSS全套颜色(50-950)的色块,点击复制对应的类名或十六进制值。
使用Eyedropper API激活系统取色器,拾取屏幕任意位置的颜色值。
选择一个基色,自动生成从90%白到90%黑的10级色阶,显示HEX值并支持复制。
输入色相、饱和度、亮度/明度参数,即时转换为HEX和RGB颜色值,直观调节色彩。
在线颜色选择器,支持从色盘取色、HEX/RGB/HSL颜色值转换,提供调色板功能,方便前端设计取色。
上传图片,提取所有出现过的颜色并按频次排序生成HTML色块表。
在色相环上点选基色,自动生成互补色、分裂互补、三角色、四角色等方案。
计算机依次闪起颜色块,玩家按相同顺序点击,序列越来越长。
展示Material Design全部色阶,点击复制HEX代码,提供主色和强调色搭配参考。
给出目标颜色,通过混合青、品、黄、黑来接近目标,得分。
分解任意Hex颜色为红绿蓝分量和百分比,直观显示各通道亮度,帮助理解颜色构成。
经典西蒙游戏,四种颜色随机闪烁,玩家复述序列,长度递增。
显示用错误颜色书写的颜色名,用户需按实际含义或墨水色反应,类似Stroop测验。
输入十六进制色码,返回最接近的HTML颜色名或传统色名。
选择调性和和弦进行,将音符频率映射到色相环上,生成系列颜色搭配。
将图片像素化并强制映射到指定的有限颜色调色板,模拟复古游戏美术。
输入颜色代码,计算其相对亮度值,并给出与另一种颜色的对比度。
选择主背景色,自动推荐浅色高光和深色阴影值,用于新拟态UI。
选择颜色替换左上区域连通的色块,步数内统一棋盘。
输入一堆颜色,按色相、饱和度或亮度重新排序,生成美观的渐变列表。
选择起止颜色及所需色阶数,生成均匀插值的颜色数组,输出HEX列表或CSS渐变。
输入背景色和具有透明度的前景色,计算最终视觉效果等效的纯色HEX。
点击颜色,查看其在设计心理学中的通用含义和适用场景建议。
沿着一条三次贝塞尔曲线采样颜色,生成平滑的渐变色带代码,创意背景。
在线将LAB色彩空间值与RGB/HEX进行转换,辅助印刷和设计校色。
显示随机RGB数值,从多个彩色方块中找出正确颜色,锻炼设计师色彩敏感度。
在限定时间内尽可能多地将显示的颜色块与给出的名称匹配,测试你的辨色与速度。
在RGB与CMYK色彩模式间实时转换,显示青、品、黄、黑四色百分比,辅助设计印刷。
上传房间照片,选取目标区域改变颜色,预览不同墙漆效果,辅助选色。
输入描述(如“海洋”、“日落”),从预定义词汇颜色库中生成和谐配色。
拖拽波长滑块,实时显示从380nm到780nm的可见光颜色,以及对应的频率和光子能量。
拖拽时间轴,根据太阳高度角模拟天空从日出到日落的颜色渐变背景。
展示老式216种网络安全色的完整色块表,点击即复制颜色代码。
选择一种颜色,显示它在可见光谱中的大致波长范围。
将不同颜色的水在各试管间倒来倒去,直到每个试管只装一种颜色。
搜索知名品牌名称,显示其标志性的官方HEX颜色代码。