颜色(Color)选择器

ALPHA 复制
HEX 复制
HEXA 复制
RGB 复制
PRGB 复制
HSV 复制
HSL 复制
Luminance 复制
Brightness 复制
我们的在线颜色选择器工具是一款专为设计师和开发者打造的高效配色工具。它界面直观、操作简便,无需专业知识即可轻松上手使用。无论是进行网页设计、应用开发,还是视觉创作,我们的工具都能满足你对颜色选择和调整的需求。 #### 功能特点 - **多种颜色格式支持**:提供HEX、RGB、HSL等多种颜色格式,方便用户在不同环境下使用和转换。只需简单复制粘贴即可获取所需颜色代码,减少繁琐操作。 - **直观的颜色调节**:通过拖动滑块或者直接输入数值,精准调整颜色的饱和度、亮度和透明度。实时预览颜色变化效果,所见即所得。 - **颜色保存与管理**:支持收藏和管理常用颜色,便于快速调用和复用。导出颜色方案,方便与团队共享和协作。 - **配色方案推荐**:提供自动配色功能,根据选定的主色生成和谐的配色方案。包含互补色、三色组、类比色等多种配色模式,满足多样化设计需求。 - **辅助工具**:内置色盲模拟器,确保设计对所有用户友好。提供对比度检查,帮助创建符合无障碍设计标准的配色方案。 #### 使用场景 - **网页设计**:选择网站主题色和按钮颜色,提升整体视觉效果。 - **应用开发**:快速找到UI元素的颜色,确保应用界面美观统一。 - **品牌设计**:选择品牌色彩,创建符合品牌形象的设计。 - **图形创作**:为插画、海报、广告等视觉作品选择合适的颜色组合。 常用的颜色码在网页设计、图形设计和应用开发中非常重要。以下是一些常用的颜色码及其对应的HEX和RGB值: ### 基本颜色 | 颜色名称 | HEX | RGB | 颜色名称 | HEX | RGB | |---------------|----------|--------------------|---------------|----------|--------------------| | 白色 (White) | ![#FFFFFF](https://via.placeholder.com/15/FFFFFF/000000?text=+) #FFFFFF | rgb(255, 255, 255) | 黑色 (Black) | ![#000000](https://via.placeholder.com/15/000000/FFFFFF?text=+) #000000 | rgb(0, 0, 0) | | 红色 (Red) | ![#FF0000](https://via.placeholder.com/15/FF0000/FFFFFF?text=+) #FF0000 | rgb(255, 0, 0) | 绿色 (Green) | ![#00FF00](https://via.placeholder.com/15/00FF00/000000?text=+) #00FF00 | rgb(0, 255, 0) | | 蓝色 (Blue) | ![#0000FF](https://via.placeholder.com/15/0000FF/FFFFFF?text=+) #0000FF | rgb(0, 0, 255) | 黄色 (Yellow) | ![#FFFF00](https://via.placeholder.com/15/FFFF00/000000?text=+) #FFFF00 | rgb(255, 255, 0) | | 青色 (Cyan) | ![#00FFFF](https://via.placeholder.com/15/00FFFF/000000?text=+) #00FFFF | rgb(0, 255, 255) | 洋红 (Magenta) | ![#FF00FF](https://via.placeholder.com/15/FF00FF/FFFFFF?text=+) #FF00FF | rgb(255, 0, 255) | ### 灰色调 | 颜色名称 | HEX | RGB | 颜色名称 | HEX | RGB | |---------------------|----------|--------------------|---------------|----------|--------------------| | 浅灰色 (Light Gray) | ![#D3D3D3](https://via.placeholder.com/15/D3D3D3/000000?text=+) #D3D3D3 | rgb(211, 211, 211) | 灰色 (Gray) | ![#808080](https://via.placeholder.com/15/808080/FFFFFF?text=+) #808080 | rgb(128, 128, 128) | | 深灰色 (Dark Gray) | ![#A9A9A9](https://via.placeholder.com/15/A9A9A9/FFFFFF?text=+) #A9A9A9 | rgb(169, 169, 169) | 银色 (Silver) | ![#C0C0C0](https://via.placeholder.com/15/C0C0C0/000000?text=+) #C0C0C0 | rgb(192, 192, 192) | | 灰白色 (Gainsboro) | ![#DCDCDC](https://via.placeholder.com/15/DCDCDC/000000?text=+) #DCDCDC | rgb(220, 220, 220) | 暗灰色 (Dim Gray) | ![#696969](https://via.placeholder.com/15/696969/FFFFFF?text=+) #696969 | rgb(105, 105, 105) | ### 自然色调 | 颜色名称 | HEX | RGB | 颜色名称 | HEX | RGB | |-------------|----------|--------------------|---------------|----------|--------------------| | 橙色 (Orange) | ![#FFA500](https://via.placeholder.com/15/FFA500/000000?text=+) #FFA500 | rgb(255, 165, 0) | 橄榄色 (Olive) | ![#808000](https://via.placeholder.com/15/808000/FFFFFF?text=+) #808000 | rgb(128, 128, 0) | | 紫色 (Purple) | ![#800080](https://via.placeholder.com/15/800080/FFFFFF?text=+) #800080 | rgb(128, 0, 128) | 栗色 (Maroon) | ![#800000](https://via.placeholder.com/15/800000/FFFFFF?text=+) #800000 | rgb(128, 0, 0) | | 海军蓝 (Navy) | ![#000080](https://via.placeholder.com/15/000080/FFFFFF?text=+) #000080 | rgb(0, 0, 128) | 石灰色 (Lime) | ![#00FF00](https://via.placeholder.com/15/00FF00/000000?text=+) #00FF00 | rgb(0, 255, 0) | | 褐色 (Brown) | ![#A52A2A](https://via.placeholder.com/15/A52A2A/FFFFFF?text=+) #A52A2A | rgb(165, 42, 42) | 粉红色 (Pink) | ![#FFC0CB](https://via.placeholder.com/15/FFC0CB/000000?text=+) #FFC0CB | rgb(255, 192, 203) | ### 扩展颜色 | 颜色名称 | HEX | RGB | 颜色名称 | HEX | RGB | |------------------|----------|--------------------|-------------------|----------|--------------------| | 金色 (Gold) | ![#FFD700](https://via.placeholder.com/15/FFD700/000000?text=+) #FFD700 | rgb(255, 215, 0) | 桃色 (Peach Puff) | ![#FFDAB9](https://via.placeholder.com/15/FFDAB9/000000?text=+) #FFDAB9 | rgb(255, 218, 185) | | 紫红色 (Fuchsia) | ![#FF00FF](https://via.placeholder.com/15/FF00FF/FFFFFF?text=+) #FF00FF | rgb(255, 0, 255) | 青蓝色 (Aqua) | ![#00FFFF](https://via.placeholder.com/15/00FFFF/000000?text=+) #00FFFF | rgb(0, 255, 255) | 这些表格中包含的颜色示例提供了直观的视觉参考,帮助快速识别和选择合适的颜色。