转换颜色代码
#RRGGBB格式。CSS中最常用
红、绿、蓝（0-255）
色相、饱和度、亮度。直观的颜色调整
色相、饱和度、明度。用于图形工具
感知均匀的现代CSS颜色空间
包含Alpha（透明度）通道
颜色选择器（Color Picker）是一款在线工具，可以在不同颜色模型之间转换代码，并直观地选择所需颜色。在Web开发、UI/UX设计、图形设计等领域，准确的颜色代码至关重要。该工具支持HEX、RGB、HSL、HSV、OKLCH等主要颜色格式，通过直观的颜色滑块和调色板探索颜色，并可即时复制代码。还支持Alpha（透明度）通道，可处理半透明颜色。
选择颜色
拖动颜色滑块或在颜色区域中点击选择所需颜色。也可以直接输入HEX代码等。
确认格式
选定的颜色会自动转换为HEX、RGB、HSL、HSV、OKLCH等所有格式并显示。
调节透明度
在Alpha标签中可以在0~100%范围内调节透明度，创建半透明颜色。
复制代码
点击所需颜色格式的值即可自动复制到剪贴板。可直接粘贴到CSS、设计工具等。
HEX是#RRGGBB形式的十六进制表示，在CSS中最常用。RGB是红色（0-255）、绿色（0-255）、蓝色（0-255）的组合表示颜色。HSL用色相（Hue, 0-360）、饱和度（Saturation, 0-100%）、亮度（Lightness, 0-100%）表示，最符合人类直觉。
OKLCH是感知均匀（perceptually uniform）的最新CSS颜色空间。传统HSL中相同饱和度/亮度的颜色在不同色相下看起来亮度不一致，OKLCH解决了这个问题，有利于生成一致性的调色板。它已被纳入CSS Color Level 4标准。
Alpha值是0（完全透明）到1（完全不透明）之间的值，表示颜色的透明度。在CSS中使用如rgba(59, 130, 246, 0.5)，HEX中在后面添加2位如#3B82F680。常用于遮罩层、阴影、背景等。
根据WCAG 2.1指南，文本与背景之间的亮度对比度应达到普通文本4.5:1、大文本3:1以上。选择颜色时应确认与背景色的对比度，确保视障人士也能阅读。
将Figma、Sketch等设计工具中复制的HEX代码输入本工具，即可自动转换为RGB、HSL等CSS可用格式。使用CSS变量管理可以在更换主题时提高效率，HSL格式便于调节亮度/饱和度。