在不同颜色格式之间转换,包括 HEX、RGB、HSL、CMYK。支持 EyeDropper API 取色、调色板生成和配色方案分析。
使用颜色选择器选取颜色
高级颜色选择和管理工具
当前颜色的多种表示格式
官方 Tailwind CSS 默认色板。选择格式后单击复制,双击填入颜色选择器。
了解不同颜色格式的特点和适用场景
使用 6 位十六进制数字表示颜色,如 #FF5733。这是网页开发中最常用的颜色格式,兼容性最好,适合在 CSS 和 HTML 中使用。
使用红、绿、蓝三个颜色通道的数值来表示颜色,如 rgb(255, 87, 51)。这种格式直观易懂,适合设计师和开发者理解颜色构成。
在 RGB 基础上增加 Alpha 通道表示透明度,如 rgba(255, 87, 51, 0.8)。适合制作叠加层、阴影等半透明视觉效果。
使用色相、饱和度、亮度三个属性表示颜色,如 hsl(12, 100%, 60%)。更接近人眼感知颜色的方式,便于调整明暗和鲜艳程度。
使用色相、饱和度、明度三个属性表示颜色,如 hsv(12, 100%, 100%)。图形软件中常用,明度能更直观地表示颜色亮度。
使用青色、品红、黄色、黑色四个颜色通道表示颜色,如 cmyk(0%, 66%, 80%, 0%)。这是印刷行业的标准格式,适合需要印刷的设计作品。
使用感知亮度、色度、色相三个属性表示颜色,如 oklch(60% 50% 12)。这是更符合人眼感知的现代色彩空间,色域更广,适合现代显示设备。