🎨 设计与视觉工具 · 28 Tools · Free · No Signup
设计与视觉工具
Color tools, CSS generators, and visual design utilities for web developers and designers.
Browse by Tag
🎨
Featured 设计与视觉工具
Top Picks阴影生成器
生成带有视觉预览和代码输出的 CSS 阴影效果。
CSS玻璃态生成器
使用 CSS background-filter 创建磨砂玻璃效果。
颜色对比度检查器
检查颜色对比度是否符合 WCAG 无障碍标准。
颜色选择器
通过视觉方式选择颜色，并获取 HEX、RGB 和 HSL 值。
梯度生成器
创建具有多个颜色停止点的漂亮 CSS 渐变。
All
All 设计与视觉工具
28 tools阴影生成器
生成带有视觉预览和代码输出的 CSS 阴影效果。
CSS玻璃态生成器
使用 CSS background-filter 创建磨砂玻璃效果。
颜色对比度检查器
检查颜色对比度是否符合 WCAG 无障碍标准。
颜色选择器
通过视觉方式选择颜色，并获取 HEX、RGB 和 HSL 值。
梯度生成器
创建具有多个颜色停止点的漂亮 CSS 渐变。
边界半径生成器
生成带有视觉拐角预览的 CSS 圆角边框。
CSS按钮生成器
设计并生成带有实时预览功能的CSS按钮。
表情符号选择器
从包含 3000 多个表情符号的完整列表中搜索并复制任何表情符号。
HEX 转 RGB 转换器
将十六进制颜色代码转换为 RGB 值。
图像颜色提取器
从任意图像中提取主色调。
图像转ASCII艺术
将任何图像转换为ASCII艺术图。可调节宽度和字符密度。
像素到 REM 转换器
根据根字体大小将像素值转换为 REM 单位。
RGB 转 HEX 转换器
将 RGB 颜色值转换为十六进制颜色代码。
宽高比计算器
计算常见长宽比（16:9、4:3、1:1 等）的宽度、高度或比例。
CSS动画生成器
以可视化方式生成 CSS 关键帧动画并复制代码。
CSS 剪切路径生成器
使用可视化编辑器创建 CSS 剪切路径形状。
CSS 新拟物生成器
使用 CSS 生成软 UI（拟物化）设计元素。
CSS 变换游乐场
尝试使用 CSS 变换：旋转、缩放、倾斜、平移。
色盲模拟器
模拟不同类型色盲患者眼中的设计效果。
网站图标生成器
创建具有自定义颜色和字体的文本网站图标。
字体搭配预览器
预览 Google 字体组合，用于您的设计项目。
字体预览工具
预览和比较 Google Fonts 与自定义文本和样式。
HSL转换器
HSL、RGB 和 HEX 颜色格式之间的转换。
图片占位符生成器
生成具有自定义尺寸和颜色的占位符图像。
REM 到 PX 转换器
根据根字体大小将 REM 单位转换为像素值。
SVG 形状生成器
生成具有可自定义属性和代码的 SVG 形状。
屏幕截图注释器
上传屏幕截图，并用箭头、方框、文字和高亮等方式进行注释。
水印添加器
为照片添加文字或图片水印。所有处理均在浏览器中完成。
安全与编码
21 tools — Password generators, hash functions, encoding tools, and security util...
文本与写作工具
32 tools — Text manipulation, formatting, counting, and conversion tools for writ...
开发者工具
37 tools — Code formatting, validation, conversion, and developer productivity to...
数学与计算器
22 tools — Mathematical calculations, unit conversions, financial calculators, an...
生成器与实用工具
20 tools — Random generators, fake data creators, and utility tools for various p...
效率与日常工具
22 tools — Personal productivity tools, timers, planners, and organizational util...
网络与网页工具
15 tools — Browser information, network utilities, and web development testing to...
趣味互动游戏
37 tools — Browser-based games, tests, and interactive challenges. All run locall...
益智游戏
60 tools — Strategy, logic, and puzzle games to challenge your mind. All games ru...
文件转换
50 tools — Convert images, documents, data and media locally in your browser. No ...
财务与预算
8 tools — Financial calculators, budget planners, investment tools, and money ut...
音乐与音频
8 tools — Metronome, instrument tuner, chord generator, and music theory tools. ...
健康与健身
9 tools — Health calculators, fitness tools, and wellness utilities to help you ...
饮食与营养
6 tools — Cooking measurements, nutrition calculators, diet planning tools, and ...
职业与商务
5 tools — Salary tools, invoice generators, freelance calculators, and business ...
旅行与地理
5 tools — Time zones, jet lag calculators, travel budgets, and geography tools f...
家居与生活
4 tools — Home improvement calculators, electricity costs, paint estimators, and...
正念与身心健康
4 tools — Meditation timers, breathing exercises, mood tracking, and wellness to...
育儿与儿童
4 tools — Pregnancy calculators, baby sleep schedules, child growth tracking, an...
以色列财务
4 tools — Israeli tax calculators, net salary (neto/bruto), Bituach Leumi, and l...
生态与环境
4 tools — Carbon footprint, water usage, energy savings, and sustainability calc...
创意与艺术
4 tools — Story generators, color tools, writing aids, and creative prompts for ...
学习与学术
5 tools — GPA calculators, grade converters, study schedules, and academic tools...