颜色表示格式简介
在计算机中，颜色可以用多种格式表示，每种格式都有其适用场景。最常见的是HEX（十六进制）、RGB（红绿蓝）和HSL（色相、饱和度、亮度）三种格式。理解这些格式的含义和相互转换关系，是前端开发、UI设计、图形编程的基础技能。
HEX颜色格式
HEX（十六进制）是最常用的网页颜色格式，以 # 开头，后面跟着6位十六进制数字。前两位表示红色分量，中间两位表示绿色分量，最后两位表示蓝色分量。每个分量的范围是00到FF（即0到255）。例如，#FF0000表示纯红色，#00FF00表示纯绿色。
RGB颜色格式
RGB（Red Green Blue）使用三个数字分别表示红、绿、蓝三个通道的亮度值，每个值的范围是0到255。RGB是基于光的加色模型——三种颜色的光叠加在一起形成各种颜色。三种颜色都是最大值(255,255,255)时形成白色，都是最小值(0,0,0)时形成黑色。
HSL颜色格式
HSL（Hue, Saturation, Lightness）是更符合人类直觉的颜色模型。色相（Hue）是颜色在色轮上的位置，范围0-360度（0/360是红色，120是绿色，240是蓝色）。饱和度（Saturation）表示颜色的鲜艳程度，亮度（Lightness）表示颜色的明暗程度。HSL非常适合用来创建颜色变体。
颜色转换器功能
HEX转RGB
输入HEX颜色值（如 #6366f1），工具会自动将其转换为RGB格式，分别显示R、G、B三个分量的数值。
RGB转HEX
输入RGB三个分量的数值（0-255），工具会自动将其转换为HEX格式。
实时预览
无论通过哪种格式输入颜色，下方都会实时显示颜色的预览效果，让你直观地确认颜色是否正确。
常见使用场景
前端开发
在CSS和JavaScript中，颜色可以用HEX、RGB、HSL等多种格式表示。有时设计稿给的是HEX值，但你需要用HSL来做动画。本工具可以在不同格式之间快速转换。
UI设计
设计师通常使用HEX或HSL来定义设计系统中的颜色。在创建主题色板时，你需要将一个HEX颜色转换为HSL，然后保持色相不变，调整亮度来创建深色和浅色变体。
图表和数据可视化
在创建图表时，经常需要使用一系列颜色。通过调整HSL中的色相值，可以生成一系列和谐的颜色。
使用教程
从HEX转换
在HEX输入框中输入颜色值（如 #ff6600），RGB输入框会自动更新为对应的数值，颜色预览也会实时更新。
从RGB转换
在R、G、B三个输入框中输入数值（0-255），HEX输入框会自动更新，颜色预览也会实时更新。
常见问题 FAQ
为什么同一个颜色在不同屏幕上看起来不一样？
这是因为不同设备的屏幕色域、亮度和色彩校准不同。对于精确的颜色要求，需要使用专业校色的显示器。
Alpha通道（透明度）怎么处理？
本工具目前不支持Alpha通道。如果需要带透明度的颜色，可以在HEX格式后加两位（如 #6366f180），或使用RGBA格式。
如何选择搭配的颜色？
一些简单的技巧：互补色（色相差180度）、类似色（相邻色相）、三角色（色相差120度）等。将HEX颜色转为HSL后，调整色相值就能找到这些搭配色。