HEX格式分为6位字符,前两位代表红色R、中间两位绿色G、末尾两位蓝色B,每两位十六进制数值转换为十进制0-255区间。例如色值#00b8d4,拆分00(R)、b8(G)、d4(B),分别换算十进制0、184、212。点击查看色彩进制科普
先将R、G、B数值除以255归一化至0~1区间,提取最大值Max、最小值Min,差值Delta=Max-Min;色相H根据最大通道分三段计算,饱和度S=Delta/Max(Max≠0),明度B=Max。本在线颜色转换工具内置完整浮点运算逻辑,自动规避手动计算误差,搭配原生色彩选择器可实时获取色值快速换算。
CMYK为印刷四分色模式,C(青)、M(品红)、Y(黄)、K(黑),基础换算公式:C=1-R/255,M=1-G/255,Y=1-B/255;黑色K取三者最大值,再修正C/M/Y数值去除黑色重叠油墨。印刷色值转换常见问题
LAB属于设备无关色彩空间,广泛用于设计校色、摄影调色,转换需要先把RGB转为XYZ标准三刺激值,再通过CIE标准公式换算L(明度)、A(红绿轴)、B(黄蓝轴),普通手动计算步骤繁琐,本颜色在线转换工具自动完成多层换算,搭配原生取色器使用效率更高。
HSLA在HSB基础上增加Alpha透明度通道,取值0-1,0完全透明,1完全不透明,网页前端CSS样式大量使用该色值格式,适合渐变、弹窗遮罩等页面配色场景,使用页面内置原生色彩选择器拾取颜色后可直接复制HSLA代码用于开发。
HEX是网页设计最通用色值格式,由#开头搭配6位0-9、A-F字符组成,兼容性覆盖所有浏览器、设计软件PS/AI/Figma,是前端开发首选配色格式,使用本颜色在线转换工具内置原生色彩选择器可快速拾取任意颜色并转换为HEX。
RGB红、绿、蓝属于加色模式,屏幕、手机、显示器全部采用RGB成像,三色叠加数值越高颜色越亮,最高255,255,255为纯白色,0,0,0为纯黑色,网页、UI设计、小程序配色全部基于RGB体系,原生取色器底层输出标准RGB色值。
CMYK为减色模式,仅用于纸质印刷、海报、画册、名片制作,屏幕显示与印刷成品存在色差,设计印刷稿件必须使用CMYK色值转换,在线色值转换工具搭配原生色彩选择器可快速完成屏幕色到印刷色换算。
LAB不依赖显示设备,是专业调色、摄影修图、品牌标准色专用色空间,不同显示器、印刷设备读取LAB色值不会产生明显色差,品牌VI标准色卡普遍采用LAB数值备案,通过原生色彩选择器拾取颜色后可一键生成LAB标准色。
input type="color"是浏览器原生自带拾色组件,无需引入任何JS插件,轻量无广告,支持Windows/macOS/安卓/iOS全平台系统取色面板,拾取后直接输出标准HEX色值,本工具联动取色器自动同步所有输入框并执行色值互转,是全网最全在线色彩工具标配功能。
青蓝色、海蓝色属于商务通用配色,视觉清爽不刺眼,适配企业官网、工具站、科技类网站,自带专业、可靠、清爽视觉感受,本站全站采用青蓝色为主视觉体系,兼顾日间、黑夜两种浏览模式视觉舒适度,原生色彩选择器默认预置本站主色#00b8d4。
A:RGB发光加色、CMYK油墨减色,二者色域范围不同,屏幕能显示的亮色、高饱和色彩印刷无法复刻,使用本在线色值转换工具搭配原生色彩选择器转换后,印刷前建议降低饱和度,避免成品偏色。查看色彩空间科普
A:支持,#abc等价于#aabbcc,本颜色在线转换工具自动识别3位简写十六进制并完整换算全部色值格式,原生色彩选择器输出标准6位完整HEX,无需手动补全字符。
A:本站CSS内置独立黑夜模式色彩变量,提高文字与背景对比度,深色模式正文统一使用高亮度海蓝色,结果面板边框使用高亮青蓝色区分,彻底解决深色模式字体模糊、对比度不足bug,原生色彩选择器在深色模式下可正常拾取颜色无界面异常。
A:主流Chrome、Edge、Safari、Firefox、移动端安卓/苹果浏览器全部兼容,AMP页面完全支持原生color输入框,无第三方插件依赖,加载速度更快。
A:全部转换结果为标准格式,HEX、RGB、HSLA、CMYK均可直接复制用于前端样式、设计软件,原生色彩选择器拾取色值后一键转换即可复制使用。
A:页面采用全自适应布局,兼容手机、平板、笔记本、大屏显示器,浮动导航在移动端自动隐藏,原生色彩选择器自适应手机宽度,输入框自动适配屏幕宽度,操作无卡顿。
A:全站遵循AMP标准,全部CSS原生内联、运算JS本地原生,原生色彩选择器为浏览器自带组件,无外部第三方脚本、无广告加载,打开页面即可离线完成色值换算,加载速度更快。
A:当前版本支持单组色值一键全格式互转,搭配原生色彩选择器快速切换拾取不同颜色,后续更新将增加批量色值转换功能,持续优化全网最全在线色彩工具功能。
近年工具类、在线计算器、实用工具网站普遍采用青蓝色、浅海蓝作为主视觉,色彩柔和降低视觉疲劳,搭配日间/黑夜双模式提升用户长时间使用体验,本颜色在线转换工具紧跟行业主流配色方案,内置原生色彩选择器方便设计师快速取用青蓝色系。
过去网页拾色依赖JS插件,存在加载慢、兼容性差、广告弹窗问题,现在主流网站全部采用input type="color"原生色彩选择器,轻量、AMP兼容、全设备适配,成为在线配色工具标配功能。
现代网页弹窗、卡片、导航栏全部使用HSLA透明色实现渐变效果,设计师需要频繁进行HSB与HSLA互转,色值转换工具搭配原生色彩选择器成为前端、UI设计师必备辅助工具。
品牌连锁企业统一VI视觉,全部使用LAB标准色备案,线下门店物料、线上官网保持色彩统一,设计师需要频繁RGB、CMYK、LAB三者互相换算,专业色值转换工具+原生取色器需求持续上涨。
移动端用户夜间浏览需求提升,90%以上实用工具网站配备昼夜模式切换,色彩转换工具深色模式需要单独调整文字、边框、输入框对比度,避免深色下内容看不清,本站原生色彩选择器在夜间模式正常使用无bug。
AMP加速移动页面加载速度,无冗余第三方JS,搜索引擎收录友好,在线工具类站点大量采用AMP标准开发,打开速度优于普通HTML页面,原生色彩选择器完全符合AMP规范无校验报错。
用户不再使用单一功能小工具,更倾向全网最全综合工具页面,集成原生色彩选择器、色值换算、色彩科普、公式教程、常见问题等百科类内容,一次页面满足学习、计算、取色、查阅多重需求。
页面左侧悬浮导航按钮,分别对应五大百科板块,点击按钮页面自动滚动至对应内容区域;所有板块默认收缩隐藏内容,点击板块标题可展开/收缩内容,收缩标识为减号"-",展开后变为加号"+"。
页面顶部右上角【切换夜间模式】按钮一键切换主题,切换后页面全部文字、背景、边框自动适配深色高对比度配色,解决深色模式文字模糊问题,原生色彩选择器不受主题切换影响可正常取色,再次点击切回白天浅色模式。
页面内所有相关关键词自带站内描点内链,点击可跳转至对应科普板块,增加页面关键词密度,同时方便用户查阅关联色彩知识,所有内链均为本页面内部锚点,提升页面阅读连贯性。
页面自适应4K大屏显示器、普通电脑、平板、安卓/苹果手机,宽度自动适配屏幕尺寸,原生色彩选择器、输入框、按钮自动缩放,手机端隐藏左侧悬浮导航避免遮挡操作区域,不影响核心取色、色值转换功能使用。
本页面严格按照AMP(Accelerated Mobile Pages)加速移动页面标准开发,无外部非AMP脚本、全部样式内联、原生本地JS运算,原生色彩选择器为标准HTML标签符合AMP校验,移动端加载速度更快,搜索引擎收录权重更高,无弹窗广告、无第三方资源拖慢页面。