design / 可用工具

黑白原力对冲器与护眼色反转分析

想知道你的网站色调做暗黑模式的反演对比是什么样子?数学上的全逆色(255-x)不仅能推导出黑夜模式的安全色,还能快速获得对冲撞击美学的反置色谱。

DesignColor

收藏工具

当前还没有选择收藏模式。

快捷操作

返回设计配色 浏览全部工具

你可以复制当前工具页链接,或者在支持的设备上直接调用系统分享。

视觉与图形

绝对颜色反转镜像

#1
#000000

The mathematics are simple: For each RGB channel, subtract its decimal value from 255. Example: R(200) becomes R(55).

Colorful geometry
Inverted Layer
Original Inverted

使用场景

  • 拿到一份全高亮的刺眼设计单,快速反演找到暗黑模式该用的底色映射

如何使用

  1. 1. 给出一个基准色或者查看实时的对比过滤网格拖动滑块查看其阴间的反向对比度表现。

示例输入输出

#000000

Black

255-

#FFFFFF White

FAQ

什么是算法真反色?

并不一定全是指对比色(补色),而是强制执行 `255 - 数值` 得出的全波长底反衬。

工具列表

相关推荐

你可以从这里继续打开相近场景的工具,减少重复搜索。

CSS 高级图像滤镜

对比/模糊/灰度滤镜组合即见器

可用

极速拖拽拉伸产生出诸如 `filter: blur(2px) grayscale(100%);` 等极其复杂的复式视觉效果组合。配备实时覆盖原图的热响应。支持自由组合发现意想不到的滤镜效果。

Design CSS Frontend

Macaron 莫兰迪发色

高明低饱和粉彩高级渐变随机盲盒

可用

针对现代极简界面设计的颜色渲染法,只需一键即可持续获取温和低饱和度的柔和配色方案,适用于背景图与图标设计。

Design Color