颜色选择器

选择、转换和管理颜色,支持HEX、RGB和HSL格式

🎨颜色选择器

选择、转换和管理颜色,支持HEX、RGB和HSL格式

#4F46E5

💡关于颜色格式

HEX

十六进制颜色代码是网页设计中最常用的颜色表示方法,格式为 #RRGGBB,其中 RR、GG、BB 分别表示红色、绿色和蓝色的十六进制值(00-FF)。

RGB

RGB 颜色模型基于红色、绿色和蓝色三原色的组合,每个通道的值范围为 0-255。格式为 rgb(R, G, B)。

HSL

HSL 代表色相(Hue)、饱和度(Saturation)和亮度(Lightness)。色相是色彩的基本属性(0-360度),饱和度是色彩的纯度(0%-100%),亮度是色彩的明暗程度(0%-100%)。

颜色选择技巧

  • 使用 60-30-10 法则:主色占 60%,辅助色占 30%,强调色占 10%
  • 考虑色彩对比度以确保可读性,特别是文本和背景色
  • 使用色彩心理学:不同颜色会引发不同的情感反应
  • 保存常用颜色以保持项目的一致性