123问工具大全 工具大全 实用工具 颜色转换器

🎨 颜色转换器

HEX · RGB · HSL · HSV · CMYK 互转 + 配色方案

当前颜色
#3F51B5
HSL 滑块调节
色相H232°
饱和S48%
亮度L48%

配色方案

常见网页颜色速查

颜色转换器常见问题

HEX、RGB、HSL、HSV、CMYK有什么区别?

HEX是十六进制网页色(如#FF5722);RGB是红绿蓝光加色模型(0-255),用于屏幕显示;HSL是色相/饱和度/亮度,直觉化调色;HSV(HSB)是色相/饱和度/明度,与HSL类似但亮度算法不同;CMYK是青品黄黑减色模型,用于印刷。屏幕用RGB/HEX,印刷用CMYK。

HSL和HSV的亮度(B)为什么不一样?

HSL的L=50%时纯色最饱和,L=100%为白色;HSV的V=100%即纯色,与饱和度无关。所以同一颜色在两种空间中"L"和"V"值不同。本工具同时显示两者便于对照。

互补色、类比色、三角配色怎么用?

互补色(色相差180°)对比强烈,用于强调;类比色(相邻30°)和谐统一,用于主色调;三角配色(120°均分)活泼平衡;分裂互补色(互补色两侧30°)对比柔和。本工具自动计算并预览所有方案。

为什么CMYK转回RGB颜色会变暗?

CMYK色域比RGB小,印刷能呈现的颜色少于屏幕。RGB转CMYK再转回会丢失超出CMYK色域的鲜艳色彩,这是物理限制,非计算错误。需要印刷的图建议一开始就用CMYK安全色。

使用说明

使用方法

1. 在任意一个颜色输入框中输入数值,其它格式自动同步。

2. 或点击"取色"用系统取色器选色,或拖动HSL滑块。

3. 下方自动生成5种配色方案,点击色块复制HEX值。

4. 所有转换在浏览器本地完成,不上传服务器。

分享工具: Facebook Twitter 微博 复制链接