包含200+精选颜色,支持智能搜索、配色方案生成和对比度检查
色系 | 颜色名称 | RGB值 | HEX值 | 视觉示例 | 适用场景 | 操作 |
---|---|---|---|---|---|---|
红色系 | 胭脂红 | 210,31,60 | #D21F3C | 胭脂红 | 警告按钮/重要提示 | |
红色系 | 玫瑰红 | 255,0,127 | #FF007F | 玫瑰红 | 主色/强调色 | |
红色系 | 番茄红 | 255,71,71 | #FF4747 | 番茄红 | 错误提示 | |
红色系 | 砖红色 | 178,34,34 | #B22222 | 砖红色 | 背景/文字 | |
红色系 | 珊瑚红 | 255,127,80 | #FF7F50 | 珊瑚红 | 辅色/装饰 | |
红色系 | 深红 | 139,0,0 | #8B0000 | 深红 | 标题文字 | |
红色系 | 猩红 | 220,20,60 | #DC143C | 猩红 | 警示按钮 | |
红色系 | 印度红 | 205,92,92 | #CD5C5C | 印度红 | 背景色 | |
红色系 | 浅珊瑚红 | 240,128,128 | #F08080 | 浅珊瑚红 | 辅色 | |
红色系 | 暗红 | 139,0,0 | #8B0000 | 暗红 | 文字 | |
红色系 | 火砖红 | 178,34,34 | #B22222 | 火砖红 | 按钮 | |
红色系 | 栗色 | 128,0,0 | #800000 | 栗色 | 背景 | |
红色系 | 草莓红 | 255,99,71 | #FF6347 | 草莓红 | 强调元素 | |
红色系 | 西瓜红 | 255,67,93 | #FF435D | 西瓜红 | 操作按钮 | |
红色系 | 石榴红 | 233,56,63 | #E9383F | 石榴红 | 重要警告 | |
红色系 | 樱桃红 | 222,49,99 | #DE3163 | 樱桃红 | 强调色 | |
红色系 | 覆盆子红 | 227,11,93 | #E30B5D | 覆盆子红 | 主品牌色 | |
红色系 | 酒红 | 144,0,32 | #900020 | 酒红 | 深色背景 | |
红色系 | 勃艮第红 | 144,0,32 | #900020 | 勃艮第红 | 标题文字 | |
红色系 | 绯红 | 220,20,60 | #DC143C | 绯红 | 主要按钮 | |
红色系 | 朱红 | 255,69,0 | #FF4500 | 朱红 | 强调元素 | |
红色系 | 粉红 | 255,192,203 | #FFC0CB | 粉红 | 辅色 | |
红色系 | 玫瑰粉 | 255,102,204 | #FF66CC | 玫瑰粉 | 浅色背景 | |
红色系 | 牡丹红 | 255,0,127 | #FF007F | 牡丹红 | 强调色 | |
红色系 | 宝石红 | 204,0,51 | #CC0033 | 宝石红 | 主品牌色 | |
绿色系 | 森林绿 | 34,139,34 | #228B22 | 森林绿 | 主色/成功状态 | |
绿色系 | 薄荷绿 | 50,205,50 | #32CD32 | 薄荷绿 | 辅色/装饰 | |
绿色系 | 橄榄绿 | 128,128,0 | #808000 | 橄榄绿 | 背景色 | |
绿色系 | 翡翠绿 | 0,158,96 | #009E60 | 翡翠绿 | 按钮/确认 | |
绿色系 | 酸橙绿 | 0,255,0 | #00FF00 | 酸橙绿 | 成功提示 | |
绿色系 | 海绿 | 46,139,87 | #2E8B57 | 海绿 | 背景 | |
绿色系 | 春绿 | 0,255,127 | #00FF7F | 春绿 | 强调元素 | |
绿色系 | 孔雀绿 | 0,128,128 | #008080 | 孔雀绿 | 主品牌色 | |
绿色系 | 苔藓绿 | 107,142,35 | #6B8E23 | 苔藓绿 | 辅色 | |
绿色系 | 苹果绿 | 141,182,0 | #8DB600 | 苹果绿 | 操作按钮 | |
绿色系 | 碧绿 | 0,168,107 | #00A86B | 碧绿 | 强调色 | |
绿色系 | 柠檬绿 | 204,255,0 | #CCFF00 | 柠檬绿 | 高亮提示 | |
绿色系 | 翡翠绿 | 80,200,120 | #50C878 | 翡翠绿 | 主品牌色 | |
绿色系 | 草绿 | 124,252,0 | #7CFC00 | 草绿 | 辅色 | |
绿色系 | 深绿 | 0,100,0 | #006400 | 深绿 | 标题文字 | |
绿色系 | 浅绿 | 144,238,144 | #90EE90 | 浅绿 | 浅色背景 | |
绿色系 | 橄榄军绿 | 107,142,35 | #6B8E23 | 橄榄军绿 | 按钮 | |
绿色系 | 青柠绿 | 50,205,50 | #32CD32 | 青柠绿 | 强调元素 | |
绿色系 | 孔雀石绿 | 0,168,107 | #00A86B | 孔雀石绿 | 主品牌色 | |
绿色系 | 碧玉绿 | 0,158,96 | #009E60 | 碧玉绿 | 辅色 | |
绿色系 | 绿松石绿 | 64,224,208 | #40E0D0 | 绿松石绿 | 强调色 | |
绿色系 | 薄荷蓝绿 | 0,250,154 | #00FA9A | 薄荷蓝绿 | 操作按钮 | |
绿色系 | 翡翠深绿 | 0,86,63 | #00563F | 翡翠深绿 | 深色背景 | |
绿色系 | 春草绿 | 172,225,175 | #ACE1AF | 春草绿 | 浅色背景 | |
绿色系 | 叶绿 | 80,125,42 | #507D2A | 叶绿 | 文字 | |
蓝色系 | 深海蓝 | 0,105,148 | #006994 | 深海蓝 | 主按钮/链接文字 | |
蓝色系 | 天蓝色 | 135,206,235 | #87CEEB | 天蓝色 | 辅色/装饰 | |
蓝色系 | 皇家蓝 | 65,105,225 | #4169E1 | 皇家蓝 | 按钮/链接 | |
蓝色系 | 钢蓝色 | 70,130,180 | #4682B4 | 钢蓝色 | 背景色 | |
蓝色系 | 矢车菊蓝 | 100,149,237 | #6495ED | 矢车菊蓝 | 文字/标题 | |
蓝色系 | 道奇蓝 | 30,144,255 | #1E90FF | 道奇蓝 | 主品牌色 | |
蓝色系 | 午夜蓝 | 25,25,112 | #191970 | 午夜蓝 | 深色背景 | |
蓝色系 | 海军蓝 | 0,0,128 | #000080 | 海军蓝 | 标题文字 | |
蓝色系 | 钴蓝 | 0,71,171 | #0047AB | 钴蓝 | 主品牌色 | |
蓝色系 | 石板蓝 | 106,90,205 | #6A5ACD | 石板蓝 | 辅色 | |
蓝色系 | 天青蓝 | 0,127,255 | #007FFF | 天青蓝 | 操作按钮 | |
蓝色系 | 婴儿蓝 | 137,207,240 | #89CFF0 | 婴儿蓝 | 浅色背景 | |
蓝色系 | 孔雀蓝 | 0,117,94 | #00755E | 孔雀蓝 | 强调色 | |
蓝色系 | 电蓝 | 125,249,255 | #7DF9FF | 电蓝 | 高亮提示 | |
蓝色系 | 蔚蓝 | 0,127,255 | #007FFF | 蔚蓝 | 主品牌色 | |
蓝色系 | 普鲁士蓝 | 0,49,83 | #003153 | 普鲁士蓝 | 文字 | |
蓝色系 | 钢青 | 70,130,180 | #4682B4 | 钢青 | 按钮 | |
蓝色系 | 湖蓝 | 0,123,167 | #007BA7 | 湖蓝 | 强调元素 | |
蓝色系 | 冰蓝 | 176,224,230 | #B0E0E6 | 冰蓝 | 浅色背景 | |
蓝色系 | 钻蓝 | 0,105,148 | #006994 | 钻蓝 | 主品牌色 | |
蓝色系 | 蓝宝石 | 8,37,103 | #082567 | 蓝宝石 | 标题文字 | |
蓝色系 | 长春花蓝 | 102,153,204 | #6699CC | 长春花蓝 | 辅色 | |
蓝色系 | 钢蓝 | 70,130,180 | #4682B4 | 钢蓝 | 操作按钮 | |
蓝色系 | 天蓝 | 135,206,235 | #87CEEB | 天蓝 | 浅色背景 | |
蓝色系 | 群青 | 0,0,255 | #0000FF | 群青 | 主品牌色 | |
黄色系 | 金黄 | 255,215,0 | #FFD700 | 金黄 | 主色/强调 | |
黄色系 | 柠檬黄 | 255,255,0 | #FFFF00 | 柠檬黄 | 警告提示 | |
黄色系 | 芥末黄 | 255,219,88 | #FFDB58 | 芥末黄 | 辅色/装饰 | |
黄色系 | 赭石黄 | 205,133,63 | #CD853F | 赭石黄 | 背景色 | |
黄色系 | 香槟黄 | 247,231,171 | #F7E7AB | 香槟黄 | 文字/标题 | |
黄色系 | 向日葵黄 | 255,218,3 | #FFDA03 | 向日葵黄 | 主品牌色 | |
黄色系 | 香蕉黄 | 255,225,53 | #FFE135 | 香蕉黄 | 辅色 | |
黄色系 | 玉米黄 | 251,236,93 | #FBEC5D | 玉米黄 | 浅色背景 | |
黄色系 | 金丝雀黄 | 255,239,0 | #FFEF00 | 金丝雀黄 | 警告提示 | |
黄色系 | 沙黄 | 244,196,48 | #F4C430 | 沙黄 | 操作按钮 | |
黄色系 | 琥珀黄 | 255,191,0 | #FFBF00 | 琥珀黄 | 强调元素 | |
黄色系 | 蜂蜜黄 | 235,190,50 | #EBBE32 | 蜂蜜黄 | 主品牌色 | |
黄色系 | 奶油黄 | 255,253,208 | #FFFDD0 | 奶油黄 | 浅色背景 | |
黄色系 | 芥末深黄 | 205,133,63 | #CD853F | 芥末深黄 | 文字 | |
黄色系 | 金属黄 | 255,215,0 | #FFD700 | 金属黄 | 按钮 | |
黄色系 | 校车黄 | 255,216,0 | #FFD800 | 校车黄 | 警示元素 | |
黄色系 | 芒果黄 | 255,166,43 | #FFA62B | 芒果黄 | 强调色 | |
黄色系 | 蛋黄 | 255,213,0 | #FFD500 | 蛋黄 | 主品牌色 | |
黄色系 | 金菊黄 | 218,165,32 | #DAA520 | 金菊黄 | 辅色 | |
黄色系 | 沙金黄 | 194,178,128 | #C2B280 | 沙金黄 | 背景 | |
紫色系 | 薰衣草紫 | 230,230,250 | #E6E6FA | 薰衣草紫 | 辅色/装饰 | |
紫色系 | 紫罗兰 | 138,43,226 | #8A2BE2 | 紫罗兰 | 主色/强调 | |
紫色系 | 兰花紫 | 218,112,214 | #DA70D6 | 兰花紫 | 按钮 | |
紫色系 | 深紫 | 102,51,153 | #663399 | 深紫 | 背景色 | |
紫色系 | 紫红色 | 255,0,255 | #FF00FF | 紫红色 | 特殊提示 | |
紫色系 | 靛青 | 75,0,130 | #4B0082 | 靛青 | 标题文字 | |
紫色系 | 紫水晶 | 153,102,204 | #9966CC | 紫水晶 | 辅色 | |
紫色系 | 锦葵紫 | 219,112,147 | #DB7093 | 锦葵紫 | 操作按钮 | |
紫色系 | 皇家紫 | 120,81,169 | #7851A9 | 皇家紫 | 主品牌色 | |
紫色系 | 淡紫 | 216,191,216 | #D8BFD8 | 淡紫 | 浅色背景 | |
紫色系 | 紫藤色 | 201,160,220 | #C9A0DC | 紫藤色 | 强调元素 | |
紫色系 | 桑葚紫 | 197,75,140 | #C54B8C | 桑葚紫 | 警示提示 | |
紫色系 | 梅子紫 | 142,69,133 | #8E4585 | 梅子紫 | 文字 | |
紫色系 | 紫红 | 199,21,133 | #C71585 | 紫红 | 主品牌色 | |
紫色系 | 歌剧紫 | 183,132,167 | #B784A7 | 歌剧紫 | 辅色 | |
紫色系 | 葡萄紫 | 111,45,168 | #6F2DA8 | 葡萄紫 | 按钮 | |
紫色系 | 紫丁香 | 200,162,200 | #C8A2C8 | 紫丁香 | 浅色背景 | |
紫色系 | 紫水晶 | 153,102,204 | #9966CC | 紫水晶 | 强调色 | |
紫色系 | 深紫红 | 128,0,128 | #800080 | 深紫红 | 主品牌色 | |
紫色系 | 淡紫红 | 221,160,221 | #DDA0DD | 淡紫红 | 辅色 | |
橙色系 | 南瓜橙 | 255,117,24 | #FF7518 | 南瓜橙 | 主色/强调 | |
橙色系 | 珊瑚橙 | 255,127,80 | #FF7F50 | 珊瑚橙 | 辅色/装饰 | |
橙色系 | 杏黄 | 251,206,177 | #FBCEB1 | 杏黄 | 背景色 | |
橙色系 | 柿子橙 | 255,90,0 | #FF5A00 | 柿子橙 | 按钮 | |
橙色系 | 琥珀橙 | 255,191,0 | #FFBF00 | 琥珀橙 | 警告提示 | |
橙色系 | 赭色 | 204,85,0 | #CC5500 | 赭色 | 标题文字 | |
橙色系 | 胡萝卜橙 | 237,145,33 | #ED9121 | 胡萝卜橙 | 主品牌色 | |
橙色系 | 阳橙 | 255,165,0 | #FFA500 | 阳橙 | 辅色 | |
橙色系 | 桃橙 | 255,203,164 | #FFCBA4 | 桃橙 | 浅色背景 | |
橙色系 | 赤陶 | 226,114,91 | #E2725B | 赤陶 | 操作按钮 | |
橙色系 | 红橙 | 255,69,0 | #FF4500 | 红橙 | 警示提示 | |
橙色系 | 芒果橙 | 255,166,43 | #FFA62B | 芒果橙 | 强调元素 | |
橙色系 | 姜橙 | 176,114,25 | #B07219 | 姜橙 | 文字 | |
橙色系 | 铜橙 | 184,115,51 | #B87333 | 铜橙 | 主品牌色 | |
橙色系 | 肉桂 | 210,105,30 | #D2691E | 肉桂 | 辅色 | |
橙色系 | 陶土 | 205,87,0 | #CD5700 | 陶土 | 按钮 | |
橙色系 | 蜜橙 | 248,177,60 | #F8B13C | 蜜橙 | 强调色 | |
橙色系 | 柿子橙 | 255,90,0 | #FF5A00 | 柿子橙 | 主品牌色 | |
橙色系 | 金橙 | 255,140,0 | #FF8C00 | 金橙 | 辅色 | |
橙色系 | 沙橙 | 244,164,96 | #F4A460 | 沙橙 | 背景 | |
粉色系 | 粉红 | 255,192,203 | #FFC0CB | 粉红 | 辅色/装饰 | |
粉色系 | 热粉 | 255,105,180 | #FF69B4 | 热粉 | 主色/强调 | |
粉色系 | 玫瑰粉 | 255,102,204 | #FF66CC | 玫瑰粉 | 按钮 | |
粉色系 | 淡粉 | 250,218,221 | #FADADD | 淡粉 | 背景色 | |
粉色系 | 紫粉 | 221,160,221 | #DDA0DD | 紫粉 | 文字/标题 | |
粉色系 | 泡泡糖粉 | 255,193,204 | #FFC1CC | 泡泡糖粉 | 辅色 | |
粉色系 | 芭比粉 | 224,33,138 | #E0218A | 芭比粉 | 主品牌色 | |
粉色系 | 樱花粉 | 255,183,197 | #FFB7C5 | 樱花粉 | 浅色背景 | |
粉色系 | 珊瑚粉 | 248,131,121 | #F88379 | 珊瑚粉 | 操作按钮 | |
粉色系 | 西瓜粉 | 252,108,133 | #FC6C85 | 西瓜粉 | 警示提示 | |
粉色系 | 牡丹粉 | 255,0,127 | #FF007F | 牡丹粉 | 强调元素 | |
粉色系 | 玫瑰金 | 231,188,180 | #E7BCB4 | 玫瑰金 | 文字 | |
粉色系 | 浅玫瑰 | 255,228,225 | #FFE4E1 | 浅玫瑰 | 浅色背景 | |
粉色系 | 覆盆子粉 | 227,11,93 | #E30B5D | 覆盆子粉 | 主品牌色 | |
粉色系 | 珍珠粉 | 234,224,200 | #EAE0C8 | 珍珠粉 | 辅色 | |
棕色系 | 巧克力棕 | 210,105,30 | #D2691E | 巧克力棕 | 主色/强调 | |
棕色系 | 咖啡棕 | 139,69,19 | #8B4513 | 咖啡棕 | 背景色 | |
棕色系 | 卡其色 | 240,230,140 | #F0E68C | 卡其色 | 辅色/装饰 | |
棕色系 | 棕褐色 | 160,82,45 | #A0522D | 棕褐色 | 文字/标题 | |
棕色系 | 米色 | 245,245,220 | #F5F5DC | 米色 | 背景色 | |
棕色系 | 胡桃棕 | 92,64,51 | #5C4033 | 胡桃棕 | 标题文字 | |
棕色系 | 骆驼棕 | 193,154,107 | #C19A6B | 骆驼棕 | 辅色 | |
棕色系 | 可可棕 | 210,105,30 | #D2691E | 可可棕 | 主品牌色 | |
棕色系 | 黄褐 | 205,133,63 | #CD853F | 黄褐 | 按钮 | |
棕色系 | 沙棕 | 244,164,96 | #F4A460 | 沙棕 | 浅色背景 | |
棕色系 | 深棕 | 101,67,33 | #654321 | 深棕 | 文字 | |
棕色系 | 浅褐 | 181,101,29 | #B5651D | 浅褐 | 主品牌色 | |
棕色系 | 咖啡奶 | 222,184,135 | #DEB887 | 咖啡奶 | 辅色 | |
棕色系 | 赤土 | 205,87,0 | #CD5700 | 赤土 | 操作按钮 | |
棕色系 | 灰褐 | 139,137,112 | #8B8970 | 灰褐 | 背景 | |
灰色系 | 银灰 | 192,192,192 | #C0C0C0 | 银灰 | 辅色/装饰 | |
灰色系 | 炭灰 | 51,51,51 | #333333 | 炭灰 | 标题文字 | |
灰色系 | 浅灰 | 211,211,211 | #D3D3D3 | 浅灰 | 背景色 | |
灰色系 | 深灰 | 105,105,105 | #696969 | 深灰 | 文字/标题 | |
灰色系 | 烟雾灰 | 245,245,245 | #F5F5F5 | 烟雾灰 | 背景色 | |
灰色系 | 石板灰 | 112,128,144 | #708090 | 石板灰 | 主品牌色 | |
灰色系 | 铅灰 | 36,36,36 | #242424 | 铅灰 | 标题文字 | |
灰色系 | 珍珠灰 | 234,234,234 | #EAEAEA | 珍珠灰 | 浅色背景 | |
灰色系 | 钢灰 | 70,70,70 | #464646 | 钢灰 | 按钮 | |
灰色系 | 银白 | 236,236,236 | #ECECEC | 银白 | 浅色背景 | |
灰色系 | 石墨 | 40,40,40 | #282828 | 石墨 | 文字 | |
灰色系 | 雾灰 | 220,220,220 | #DCDCDC | 雾灰 | 辅色 | |
灰色系 | 钛灰 | 135,134,129 | #878681 | 钛灰 | 主品牌色 | |
灰色系 | 水泥灰 | 115,115,115 | #737373 | 水泥灰 | 操作按钮 | |
灰色系 | 月灰 | 190,190,190 | #BEBEBE | 月灰 | 背景 | |
青色系 | 青绿 | 0,255,255 | #00FFFF | 青绿 | 主色/强调 | |
青色系 | 松石绿 | 64,224,208 | #40E0D0 | 松石绿 | 辅色/装饰 | |
青色系 | 孔雀石 | 0,168,107 | #00A86B | 孔雀石 | 按钮 | |
青色系 | 海蓝 | 0,139,139 | #008B8B | 海蓝 | 背景色 | |
青色系 | 碧绿 | 0,158,96 | #009E60 | 碧绿 | 文字/标题 | |
青色系 | 电青 | 0,255,255 | #00FFFF | 电青 | 高亮提示 | |
青色系 | 薄荷蓝 | 0,250,154 | #00FA9A | 薄荷蓝 | 主品牌色 | |
青色系 | 海泡石 | 127,255,212 | #7FFFD4 | 海泡石 | 辅色 | |
青色系 | 蓝绿 | 13,152,186 | #0D98BA | 蓝绿 | 操作按钮 | |
青色系 | 浅青 | 175,238,238 | #AFEEEE | 浅青 | 浅色背景 | |
蓝绿色系 | 蒂芙尼蓝 | 10,186,181 | #0ABAB5 | 蒂芙尼蓝 | 主色/强调 | |
蓝绿色系 | 蓝绿 | 0,128,128 | #008080 | 蓝绿 | 辅色/装饰 | |
蓝绿色系 | 海藻绿 | 32,178,170 | #20B2AA | 海藻绿 | 按钮 | |
蓝绿色系 | 深蓝绿 | 0,78,78 | #004E4E | 深蓝绿 | 背景色 | |
蓝绿色系 | 浅蓝绿 | 102,205,170 | #66CDAA | 浅蓝绿 | 文字/标题 | |
蓝绿色系 | 孔雀蓝绿 | 0,139,139 | #008B8B | 孔雀蓝绿 | 主品牌色 | |
蓝绿色系 | 绿松石 | 64,224,208 | #40E0D0 | 绿松石 | 辅色 | |
蓝绿色系 | 碧波 | 0,128,128 | #008080 | 碧波 | 操作按钮 | |
蓝绿色系 | 浅海绿 | 102,205,170 | #66CDAA | 浅海绿 | 浅色背景 | |
蓝绿色系 | 深松石 | 0,104,91 | #00685B | 深松石 | 文字 |