顔色(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) | 这些表格中包含的色彩示例供给了直不雅的视觉参考,帮忙快速辨认和选择合适的色彩。
xxfseo.com