宽高比计算器
Aspect Ratio Calculator
按目标比例算出缺的那条边，并列出与之吻合的标准尺寸。
按给定比例算出另一边的尺寸，告诉你一个尺寸属于哪种标准比例（在容差内，因为真实尺寸并不整齐），并计算能放进另一个盒子里的该比例的最大尺寸。
比例
HD 视频、大多数显示器、YouTube。
16:9 · 1.7778:1
算出尺寸
1920 × 1080
实际比例
1.7778:1
取整误差
0.000%
预览
这个尺寸是什么
- 16:90.000%HD 视频、大多数显示器、YouTube。
是按容差匹配的，不是精确约分。史上最常见的笔记本分辨率 1366×768 其实是 683:384，精确匹配会说它什么都不是。
放进一个框里
能放下的最大尺寸： 1280 × 720
会对齐到偶数像素：H.264 的色度二次采样按 2×2 的块来做，奇数的边长要么被拒绝，要么被悄悄补上。
标准尺寸
- 1280×720 · 16:9
- 1920×1080 · 16:9
- 3840×2160 · 16:9
- 1366×768 · 16:9
- 2560×1664
- 1179×2556
- 1080×1080 · 1:1
- 1080×1350 · 4:5
- 1080×1920 · 9:16
- 1200×630 · 1.91:1
- 1280×720 · 16:9
- 2480×3508
- 794×1123
- 2550×3300
怎么用
设定比例
输入，或者取一个预设——16:9、4:3、1:1、9:16、2.39:1 等等。约简形式和小数显示在旁边。
给出你知道的那一边
另一边会算出来，连同舍入之后你实际得到的比例，以及它和你要的比例差了多少。
或者把它放进一个盒子
给出容器，得到能放进去的你那个比例的最大尺寸，吸附到偶数像素——H.264 按 2×2 的色度块工作，奇数尺寸要么被拒绝，要么被悄悄填充。
常见问题
舍入误差在实践中意味着什么？
意味着整数像素无法精确命中你的比例。在视频上，它表现为编码之后沿一条边出现的一根黑色发丝线——在导出之前知道比之后知道好。
为什么 1366×768 不算 16:9？
因为它确实不是——精确地说，它是 683:384。它也是历来出货最多的笔记本分辨率。按容差匹配而不是按精确约分，才让这里能把它称为 16:9 并显示误差，这比什么都不叫更有用。
CSS 里的 `aspect-ratio` 是同一回事吗？
它就是这个比例，复制按钮给你的是那条声明。它不做的是挑选像素尺寸——浏览器根据容器给元素定尺寸，这在页面上通常是你要的，在导出时永远不是。
可以从这些接进来
颜色拾取器
Colour Picker
在 OKLCH 色板上选色，也可以用屏幕吸管或从上传的图片里取色，并按任意表示法复制出来。
颜色格式转换
Colour Format Converter
在 HEX、RGB、HSL、HWB、LAB、LCH 和 OKLCH 之间换算同一个颜色，并给出最接近的已知色名。
对比度检测
Contrast Checker
按 WCAG 2 和 APCA 给前景色和背景色这一对打分，并推荐最接近的能通过的颜色。
配色方案生成
Palette Generator
从一个基准色出发，按互补、三分和邻近色规则生成协调的配色。
接下来
这些工具吃得下当前工具的产出，结果可以直接送过去。
流式尺寸 clamp 计算
Fluid Size Calculator
算出一条 clamp() 表达式，让尺寸在两个视口宽度之间平滑变化。
图片裁剪
Image Cropper
按自由比例或固定比例裁剪，也能自动裁掉纯色和透明的边缘。
图片尺寸调整
Image Resizer
按像素、百分比或最长边缩放，可锁定宽高比并批量套用预设。
视频裁剪与比例调整
Video Crop & Aspect
拖动锁定 9:16、1:1、16:9、4:5 或自由比例的取景框裁掉画面，或补上黑边凑到目标比例，然后在你自己的设备上重新编码。
颜色格式转换
Colour Format Converter
在 HEX、RGB、HSL、HWB、LAB、LCH 和 OKLCH 之间换算同一个颜色，并给出最接近的已知色名。
颜色拾取器
Colour Picker
在 OKLCH 色板上选色，也可以用屏幕吸管或从上传的图片里取色，并按任意表示法复制出来。