COLOR STUDIO
颜色转换，
顺手做成色板。
HEX、RGB、HSL、HSV、CMYK 与 Alpha 实时互转，同时生成 CSS 变量、Tailwind arbitrary value、色阶、配色关系和对比度参考。
CHANNEL CONTROLSRGB
Red59
Green130
Blue246
HARMONY
SCALE
PREVIEW & OUTPUT#3B82F6FF
#3B82F6FF
Color
Preview card with automatic readable text color.
HEX
#3B82F6HEX Alpha
#3B82F6FFRGB / RGBA
rgb(59, 130, 246)HSL / HSLA
hsl(217, 91%, 60%)HSV
hsv(217, 76%, 96%)CMYK
cmyk(76%, 47%, 0%, 4%)CSS Variables
:root {
--color-brand: #3B82F6;
--color-brand-rgb: 59 130 246;
--color-brand-alpha: 1;
}Tailwind Arbitrary
className="bg-[#3B82F6FF] text-[#111111]"Report
BitLeap Color Studio
HEX: #3B82F6
HEX Alpha: #3B82F6FF
RGB: rgb(59, 130, 246)
RGBA: rgba(59, 130, 246, 1)
HSL: hsl(217, 91%, 60%)
HSLA: hsla(217, 91%, 60%, 1)
HSV: hsv(217, 76%, 96%)
CMYK: cmyk(76%, 47%, 0%, 4%)
Alpha: 1
Readable text: #111111
Contrast with white: 3.68:1
Contrast with black: 5.71:1
:root {
--color-brand: #3B82F6;
--color-brand-rgb: 59 130 246;
--color-brand-alpha: 1;
}
className="bg-[#3B82F6FF] text-[#111111]"GRADIENT PAIRS
颜色不是孤立的。
下面是当前颜色参与的几组渐变预览，适合快速判断它和深色、浅色、暖色或冷色的搭配关系。
FORMAT PARSER
输入框支持 #RGB、#RGBA、#RRGGBB、#RRGGBBAA、rgb()、rgba()、hsl() 和 hsla()。
ALPHA SAFE
颜色选择器只处理 6 位 HEX，透明度单独管理，避免 input[type=color] 不兼容 8 位 HEX。
LOCAL ONLY
所有转换、色阶和报告都在浏览器本地计算，不依赖外部接口。
BitLeap · 本地计算 · 隐私优先