ColorKit

颜色转换

转换多种不同颜色代码格式,支持 HEX、RGB、HSL、OKLCH

COLOR CODE
HEX
RGB
HSL
OKLCH
PREVIEW
Aa

RGB 颜色模型

RGB 颜色模型是一种加色模型,通过将红、绿、蓝三种光的原色以不同的方式混合,可以再现出广泛的颜色。RGB 颜色模型的主要目的是用于电子系统(如电视和计算机)中图像显示。

RGB 的红色、绿色和蓝色通道分别使用 0 到 255 的数值表示,0 代表该通道没有光,255 代表该通道达到最大强度。

HEX 格式是 RGB 通道值的十六进制写法,常见形式为 #RRGGBB,例如 #FF0000 表示红色通道达到最大值、绿色和蓝色通道为 0。

HSL

HSL 是 RGB 颜色模型中最常见的圆柱坐标表示方法。RGB 模型中红、绿、蓝光成分量与最终颜色之间的关系并不直观,特别是对于经验不足的用户,以及熟悉颜料减色混合的传统模型的用户。

HSL 代表色相、饱和度和亮度。色相通常使用 0 到 360 度表示;饱和度使用 0% 到 100% 表示,0% 越接近灰色,100% 越接近纯色;亮度也使用 0% 到 100% 表示,0% 为黑色,100% 为白色。

OKLCH

OKLCH 是一种感知均匀的色彩空间,数值上相同的亮度变化或色度变化,人眼感觉到的变化幅度也是一致的,因此设计中使用更可控。本质上是 Oklab 色彩空间的极坐标表示。

OKLCH 中 LCH 分别代表感知亮度(Lightness)、色度(Chroma)、色相(Hue)。感知亮度范围是 0 到 100%,0% 是纯黑,100% 是纯白。OKLCH 理论支持的色度没有上限,0 是灰色,值越大颜色越鲜艳。色相范围是 0 到 360。