Oklch颜色选择器 - 感知均匀色彩空间
使用Oklch色彩空间调节明度、饱和度和色调,预览人类感知均匀的颜色渐变。
UD5工具箱
使用Oklch色彩空间调节明度、饱和度和色调,预览人类感知均匀的颜色渐变。
选择两个颜色和色彩空间,调整混合比例,实时预览并生成CSS color-mix()函数代码。
添加任意多个色标,等距分布生成平滑渐变条,复制linear-gradient代码。
展示Tailwind CSS全套颜色(50-950)的色块,点击复制对应的类名或十六进制值。
使用Eyedropper API激活系统取色器,拾取屏幕任意位置的颜色值。
选择一个基色,自动生成从90%白到90%黑的10级色阶,显示HEX值并支持复制。
在画布上放置多个色点,颜色平滑插值形成类似矢量网格渐变的梦幻背景。
锁定饱和度和明度,拖动色相滑块生成一系列和谐的单色调色板。
选择两种颜色并设定混合比例,实时展示混合结果及色值,辅助UI配色。
在色相环上点选基色,自动生成互补色、分裂互补、三角色、四角色等方案。
上传壁纸,根据Material Design 3的算法生成瑟拉斯等色系的CSS变量代码。
在画布上放置多个色点,利用双线性插值生成平滑梦幻的多色渐变背景,可导出CSS或图片。
输入一堆颜色,按色相、饱和度或亮度重新排序,生成美观的渐变列表。
在Oklch色彩空间中生成均匀色阶、类比色和互补色方案,确保视觉一致性。
通过调整深色背景与前景色的对比度,生成符合无障碍标准的深色主题色彩方案。
设置渐变两端颜色,鼠标滑过渐变条显示任意位置的精确十六进制色。
选择一个基色,自动计算色环上左右各30度的类似色,适合温和配色。
输入任意种子词(如用户名),基于哈希生成一套固定且可复现的专属配色。