颜色明暗生成器

从基准色生成由浅到深的 HEX 调色板，适合制作设计系统的色阶。所有处理均在浏览器中完成。

基准色级数4

输入

结果

常见问题

셰이드는 어떻게 만들어지나요?

기준색을 흰색과 혼합해 밝은 톤(tint)을, 검정과 혼합해 어두운 톤(shade)을 균등한 비율로 만듭니다.

몇 단계까지 만들 수 있나요?

밝은 톤과 어두운 톤 각각 1~9단계, 기준색 포함 최대 19개 색상을 만듭니다.

선택한 색상이 서버로 전송되나요?

아니요. 모든 생성은 브라우저 안에서만 이루어집니다.

相关工具

颜色转换器

HEX, RGB, HSL 색상 코드를 상호 변환하고 미리보기로 확인합니다.

去除 CSS 中的注释和多余空白以减小体积，同时保留字符串值。所有处理均在浏览器中完成。

为图片叠加所需颜色的色调，强度可调。所有处理均在浏览器中完成，图片不会上传到服务器。

CSS 单位转换器

根据基准字体大小在 px、rem、em、pt、% 之间相互转换，适用于响应式排版。所有计算均在浏览器中完成。