位置: IT常识 - 正文

前端开发:颜色代码速查表【英文颜色、HEX(十六进制)格式、RGB格式、十进制】(前端好看的颜色)

编辑:rootadmin
前端开发:颜色代码速查表【英文颜色、HEX(十六进制)格式、RGB格式、十进制】

推荐整理分享前端开发:颜色代码速查表【英文颜色、HEX(十六进制)格式、RGB格式、十进制】(前端好看的颜色),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:web前端开发颜色,前端颜色搭配,前端颜色表,前端 颜色,前端颜色表,web前端开发颜色,前端开发颜色,web前端开发颜色,内容如对您有帮助,希望把文章链接给更多的朋友!

💌 作者简介📖 个人介绍:小伙伴们,大家好!我是水香木鱼,【前端领域创作者】😜📜 CSDN主页:水香木鱼📑 个人博客:陈春波🎨 系列专栏:​邂逅HTML🌹 一键四连:关注💋+点赞👍+收藏⭐+留言📝📢 人生箴言:即使没有万全准备,也要勇敢迈出第一步。使用实例英文代码使用实例:<p style="color: red"> This is my font </p>HEX格式使用实例: <p style="color: #FFB6C1"> This is my font </p>RGB格式使用实例: <p style="color: rgb(219,112,147)"> This is my font </p>中文颜色代码表

根据业务需求,我们可以使用三种格式的代码颜色;

注意:如果想要寻找你的设计稿上的颜色,可用取色器吸取颜色,在本页面ctrl+f 搜索设计稿的颜色,寻找对应的两种格式;

1、红色系颜色样例英文代码中文颜色名称HEX格式RGB格式十进制颜色样例Crimson猩红#DC143C220,20,603943132颜色样例PaleGodenrod灰秋麒麟#EEE8AA238,232,1701510816颜色样例Cornislk玉米色#FFF8DC255,248,2202693312颜色样例BrulyWood结实的树#DEB887222,184,1354194480颜色样例Red纯红#FF0000255,0,016711 680颜色样例Brown棕色#A52A2A165,42,422763437颜色样例FireBrick耐火砖#B22222178,34,342237106颜色样例DarkRed深红色#8B0000139,0,04194443颜色样例Maroon栗色#800000128,0,0144颜色样例LightPink浅粉红#FFB6C1255,182,19312695295颜色样例Pink粉红#FFC0CB255,192,20313484287颜色样例LavenderBlush脸红的淡紫色#FFF0F5255,240,24516118015颜色样例PaleVioletRed苍白的紫罗兰红色#DB7093219,112,1479662690颜色样例HotPink热情的粉红#FF69B4255,105,18011823615颜色样例DeepPink深粉色#FF1493255,20,1479639167颜色样例MediumVioletRed适中的紫罗兰红色#C71585199,21,1338721863颜色样例牡丹红#FE00FF167119352、紫色系颜色样例英文代码中文颜色名称HEX格式RGB格式十进制颜色样例Orchid兰花的紫色#DA70D6218,112,21414381274颜色样例Thistle蓟#D8BFD8216,191,21614270424颜色样例plum李子#DDA0DD221,160,22114524644颜色样例Violet紫罗兰#EE82EE238,130,23815631086颜色样例Magenta洋红#FF00FF255,0,25516711935颜色样例Fuchsia灯笼海棠(紫红色)#FF00FF255,0,25516732925颜色样例DarkMagenta深洋红色#8B008B139,0,13910813579颜色样例Purple紫色#800080128,0,1288388751颜色样例MediumOrchid适中的兰花紫#BA55D3186,85,21114979258颜色样例DarkVoilet深紫罗兰色#9400D3148,0,21114680282颜色样例DarkOrchid深兰花紫#9932CC153,50,20413513369颜色样例Indigo靛青#4B008275,0,1308978507颜色样例BlueViolet深紫罗兰的蓝色#8A2BE2138,43,22614822282颜色样例MediumPurple适中的紫色#9370DB147,112,21914381203颜色样例MediumSlateBlue适中的板岩暗蓝灰色#7B68EE123,104,23815689851颜色样例SlateBlue板岩暗蓝灰色#6A5ACD106,90,20513525354颜色样例DarkSlateBlue深岩暗蓝灰色#483D8B72,61,1399594208颜色样例Lavender熏衣草花的淡紫色#E6E6FA230,230,25016443110颜色样例GhostWhite幽灵的白色#F8F8FF248,248,255167754163、蓝色系颜色样例英文代码中文颜色名称HEX格式RGB格式十进制颜色样例Blue纯蓝#0000FF0,0,255255颜色样例MediumBlue适中的蓝色#0000CD0,0,20513434880颜色样例MidnightBlue午夜的蓝色#19197025,25,1127346457颜色样例DarkBlue深蓝色#00008B0,0,1399585472颜色样例Navy海军蓝#0000800,0,1289708544颜色样例RoyalBlue皇军蓝#4169E165,105,22514842201颜色样例CornflowerBlue矢车菊的蓝色#6495ED100,149,23715636324颜色样例LightSteelBlue淡钢蓝#B0C4DE176,196,22214665396颜色样例LightSlateGray浅石板灰#778899119,136,15310259063颜色样例SlateGray石板灰#708090112,128,1449863280颜色样例DoderBlue道奇蓝#1E90FF30,144,2552744528颜色样例AliceBlue爱丽丝蓝#F0F8FF240,248,25516775408颜色样例SteelBlue钢蓝#4682B470,130,18012616262颜色样例LightSkyBlue淡蓝色#87CEFA135,206,25016437390颜色样例SkyBlue天蓝色#87CEEB135,206,23515519623颜色样例DeepSkyBlue深天蓝#00BFFF0,191,25516630528颜色样例LightBLue淡蓝#ADD8E6173,216,23015194802颜色样例PowDerBlue火药蓝#B0E0E6176,224,23015196596颜色样例CadetBlue军校蓝#5F9EA095,158,16010919519颜色样例Azure蔚蓝色#F0FFFF240,255,25516514545颜色样例LightCyan淡青色#E1FFFF225,255,25516777185颜色样例PaleTurquoise苍白的绿宝石#AFEEEE175,238,23815658676颜色样例Cyan青色#00FFFF82,255,25565535颜色样例Aqua水绿色#00FFFF0,255,25516580096颜色样例DarkTurquoise深绿宝石#00CED10,206,20913815874颜色样例DarkSlateGray深石板灰#2F4F4F47,79,796645589颜色样例DarkCyan深青色#008B8B0,139,1399603840颜色样例Teal水鸭色#0080800,128,1288684032颜色样例MediumTurquoise适中的绿宝石#48D1CC72,209,20413554528颜色样例LightSeaGreen浅海洋绿#20B2AA32,178,17011973671颜色样例Turquoise绿宝石#40E0D064,224,20813754432颜色样例海蓝#40E0D0155,218,1457396243颜色样例蓝紫色#9D5F9D157,95,157103136294、绿色系颜色样例英文代码中文颜色名称HEX格式RGB格式十进制颜色样例Auqamarin绿玉\碧绿色#7FFFAA127,255,17041135颜色样例MediumAquamarine适中的碧绿色#00FA9A0,250,15411521908颜色样例MediumSpringGreen适中的春天的绿色#F5FFFA245,255,25010156544颜色样例MintCream薄荷奶油#00FF7F0,255,12716449525颜色样例SpringGreen春天的绿色#3CB37160,179,11310288896颜色样例SeaGreen海洋绿#2E8B5746,139,876393134颜色样例Honeydew蜂蜜#F0FFF0240,255,24015794160颜色样例LightGreen淡绿色#90EE90144,238,14411005584颜色样例PaleGreen苍白的绿色#98FB98152,251,15211533208颜色样例DarkSeaGreen深海洋绿#8FBC8F143,188,1439879183颜色样例LimeGreen酸橙绿#32CD3250,205,5065280颜色样例Lime酸橙色#00FF000,255,065359颜色样例ForestGreen森林绿#228B2234,139,348817442颜色样例Green纯绿#0080000,128,04229440颜色样例DarkGreen深绿色#0064000,100,02713088颜色样例Chartreuse查特酒绿#7FFF00127,255,04259722颜色样例LawnGreen草坪绿#7CFC00124,252,064636颜色样例GreenYellow绿黄色#ADFF2F173,255,474390829颜色样例OliveDrab橄榄土褐色#556B2F85,107,478359531颜色样例Beige米色(浅褐色)#6B8E23107,142,3514480886颜色样例LightGoldenrodYellow浅秋麒麟黄#FAFAD2250,250,21013827068颜色样例Ivory象牙#FFFFF0255,255,240157941755、黄色系颜色样例英文代码中文颜色名称HEX格式RGB格式十进制颜色样例LightYellow浅黄色#FFFFE0255,255,22414811135颜色样例Yellow纯黄#FFFF00255,255,016776960颜色样例Olive橄榄#808000128,128,07569536颜色样例DarkKhaki深卡其布#BDB76B189,183,1077059389颜色样例LemonChiffon柠檬薄纱#FFFACD255,250,20513630207颜色样例Khaki卡其布#F0E68C240,230,1409234160颜色样例Gold金#FFD700255,215,04381183颜色样例GoldEnrod秋麒麟#DAA520218,165,322139610颜色样例GoldEnrod黄铜色#DAA520218,165,326007480颜色样例FloralWhite花的白色#FFFAF0255,250,24015989503颜色样例OldLace老饰带#FDF5E6253,245,23015201789颜色样例Wheat小麦色#F5DEB3245,222,17912050421颜色样例Moccasin鹿皮鞋#FFE4B5255,228,18111920639颜色样例Orange橙色#FFA500255,165,042494颜色样例PapayaWhip番木瓜#FFEFD5255,239,21314086399颜色样例BlanchedAlmond漂白的杏仁#FFEBCD255,235,20513561086颜色样例NavajoWhiteNavajo白#FFDEAD255,222,17311394815颜色样例AntiqueWhite古代的白色#FAEBD7250,235,21514216442颜色样例Tan晒黑#D2B48C210,180,1409221330颜色样例Bisque(浓汤)乳脂,番茄等#FFE4C4255,228,19612903679颜色样例DarkOrange深橙色#FF8C00255,140,036607颜色样例Linen亚麻布#FAF0E6250,240,23015134970颜色样例Peru秘鲁#CD853F205,133,636587853颜色样例PeachPuff桃色#FFDAB9255,218,18512442367颜色样例SandyBrown沙棕色#F4A460244,164,966333686颜色样例Chocolate巧克力#D2691E210,105,306042391颜色样例SaddleBrown马鞍棕色#8B4513139,69,192704779颜色样例SeaShell海贝壳#FFF5EE255,245,23815660543颜色样例Sienna黄土赭色#A0522D160,82,453822240颜色样例LightSalmon浅鲜肉(鲑鱼)色#FFA07A255,160,1228824318颜色样例Coral珊瑚#FF7F50255,127,805275647颜色样例OrangeRed橙红色#FF4500255,69,04212223颜色样例DarkSalmon深鲜肉(鲑鱼)色#E9967A233,150,1228034025颜色样例Tomato番茄#FF6347255,99,715071871颜色样例MistyRose薄雾玫瑰#FFE4E1255,228,22514870015颜色样例Salmon鲜肉(鲑鱼)色#FA8072250,128,1147766778颜色样例Snow雪#FFFAFA255,250,25016448255颜色样例LightCoral淡珊瑚色#F08080240,128,1288421616颜色样例RosyBrown玫瑰棕色#BC8F8F188,143,1439869502颜色样例IndianRed印度红#CD5C5C205,92,9260530696、灰色系颜色样例英文代码中文颜色名称HEX格式RGB格式十进制颜色样例White纯白#FFFFFF255,255,25516777215颜色样例WhiteSmoke白烟#F5F5F5245,245,24516119285颜色样例GainsboroGainsboro#DCDCDC220,220,22014474460颜色样例LightGrey浅灰色#D3D3D3211,211,21114341588颜色样例Silver银白色#C0C0C0192,192,19213026242颜色样例DarkGray深灰色#A9A9A9169,169,16911119017颜色样例Gray灰色#808080128,128,1288422536DimGrayDimGray暗淡的灰色#696969105,105,1057764342颜色样例Black纯黑#0000000,0,00📖 博主致谢前端开发:颜色代码速查表【英文颜色、HEX(十六进制)格式、RGB格式、十进制】(前端好看的颜色)

感谢大家阅读到结尾,本次的文章就分享到这里,总结了【前端开发:颜色代码速查表【英文颜色、HEX格式、RGB格式】】,希望可以帮到大家,谢谢。

如果您觉得这篇文章有帮助到您的的话不妨【关注+点赞+收藏+评论+转发 】支持一下哟~~😛您的支持就是我更新的最大动力。👇👇👇👇👇👇

🛩往期精彩:

vue实现视频播放器功能,你学会了吗

vue实现图片预览功能,提高你的开发效率

前端获取当前系统时间/日期(vue写法)

vue后台管理做适配的最佳方案,你知道吗?

前端引入阿里图标库的最便捷方式

本文链接地址:https://www.jiuchutong.com/zhishi/298818.html 转载请保留说明!

上一篇:摄像头标定--camera_calibration(摄像头标定方法)

下一篇:使用 jQuery 为复选框设置“选中”(jqueryfor)

  • 苹果11怎么拍照更清晰(苹果11怎么拍照开闪光灯)

    苹果11怎么拍照更清晰(苹果11怎么拍照开闪光灯)

  • 一体机有麦克风功能吗(声卡麦克风一体机哪种最好)

    一体机有麦克风功能吗(声卡麦克风一体机哪种最好)

  • kindle充电器和安卓通用吗(kindle充电头用1a还是2a)

    kindle充电器和安卓通用吗(kindle充电头用1a还是2a)

  • 酷狗豪华vip和音乐包有什么区别(酷狗豪华VIP和音乐包开哪个)

    酷狗豪华vip和音乐包有什么区别(酷狗豪华VIP和音乐包开哪个)

  • rst路由器什么意思(wifi路由器rst)

    rst路由器什么意思(wifi路由器rst)

  • 苹果为什么充到80就不动了(苹果为什么充到100还会冲)

    苹果为什么充到80就不动了(苹果为什么充到100还会冲)

  • 导出pdf什么意思(导出pdf失败怎么办)

    导出pdf什么意思(导出pdf失败怎么办)

  • 电脑显示vga无信号怎么办(电脑显示VGA无信号进入休眠状态)

    电脑显示vga无信号怎么办(电脑显示VGA无信号进入休眠状态)

  • 荣耀手机桌面时间怎么设置(荣耀手机桌面时间如何设置)

    荣耀手机桌面时间怎么设置(荣耀手机桌面时间如何设置)

  • 怎样反电子干扰(反电子干扰的主要措施)

    怎样反电子干扰(反电子干扰的主要措施)

  • 华为终端业务是什么(华为终端业务是干什么的)

    华为终端业务是什么(华为终端业务是干什么的)

  • 为什么苹果官网打开这么慢(为什么苹果官网比京东自营贵那么多)

    为什么苹果官网打开这么慢(为什么苹果官网比京东自营贵那么多)

  • 华为手机没有返回键怎么调出来(华为手机没有返回键在哪里设置)

    华为手机没有返回键怎么调出来(华为手机没有返回键在哪里设置)

  • 京东调货商品是什么意思(京东调货商品是什么意思能退吗)

    京东调货商品是什么意思(京东调货商品是什么意思能退吗)

  • vivou3x什么时候上市的(vivou3x什么时候停产)

    vivou3x什么时候上市的(vivou3x什么时候停产)

  • 开发票可以改日期吗

    开发票可以改日期吗

  • 手机为什么不能投电视(手机为什么不能横屏)

    手机为什么不能投电视(手机为什么不能横屏)

  • 高德地图导航怎么横屏(高德地图导航怎么用)

    高德地图导航怎么横屏(高德地图导航怎么用)

  • 爱奇艺能同时登录几个(爱奇艺能登录几个设备)

    爱奇艺能同时登录几个(爱奇艺能登录几个设备)

  • 为什么我的华为p30pro充电慢(为什么我的华为mate40pro升级不了鸿蒙3.0)

    为什么我的华为p30pro充电慢(为什么我的华为mate40pro升级不了鸿蒙3.0)

  • 私人影视有没有摄像头(私人影视有没有锁)

    私人影视有没有摄像头(私人影视有没有锁)

  • 1g2g3g4g5g区别(焊接1g2g3g4g5g区别)

    1g2g3g4g5g区别(焊接1g2g3g4g5g区别)

  • element plus组件居中显示(elementui常用组件)

    element plus组件居中显示(elementui常用组件)

  • 布里瓦德附近的皮斯加国家森林,北卡罗来纳州 (© Adam Jones/Danita Delimont)(布里奇和瓦内莎)

    布里瓦德附近的皮斯加国家森林,北卡罗来纳州 (© Adam Jones/Danita Delimont)(布里奇和瓦内莎)

  • 财务软件怎么看利润
  • 23年一般纳税人税收政策是什么
  • 税前利润计算公式变动成本法
  • 二手车转让增值税计税依据
  • 进项认证以后如何开具红字信息表
  • 企业会计制度固定资产保险费
  • 以前年度多缴的税款退回现金流量
  • 预缴所得税更正怎么操作
  • 限定性资产账务处理
  • 冲减多计提的附加费
  • 微信公众号认证费用
  • 企业的车辆因违法停放
  • 汇总记账凭证核算组织程序的缺点主要有
  • 煤炭企业补偿费会计分录
  • 房地产土地增值税优惠政策
  • 企业丢失账簿稽查局可以处罚吗
  • 代销手续费如何开票
  • 包装成本为产品的百分比
  • 当月采购发票未到如何做账及结转成本?
  • 处理报废的固定资产
  • 公司怎么申请开票资格?
  • 2018年所得税表
  • 土地增值税按什么面积征收
  • 建筑业异地预缴税款怎么抵扣
  • 购买健身器材需要注意什么
  • 资产处置损益是收入还是费用
  • 结构化存款是什么
  • 参展补助
  • 免费样品销售给客户计入什么科目
  • 其他应付款下的固定资产怎么报废
  • 公司租赁汽车
  • 技嘉主板bios更新后无法开机
  • 建筑工程劳务费占比例
  • 月末库存商品怎么记账
  • 不开票收入申报是含税收入吗
  • 上年多计提所得税怎么做会计分录
  • 企业职工福利有哪些
  • macos big sur更新后能改回来吗
  • php关联数组转索引数组
  • 小微企业一般纳税人
  • ryzen3 2200g相当于i几
  • layui表格编辑功能
  • php fpm原理
  • php读取文件
  • 暂估和开票的差别是什么
  • 私企固定资产管理办法
  • 深度学习模型部署综述(ONNX/NCNN/OpenVINO/TensorRT)
  • 软件折旧费
  • 注册资本增加了怎么做账
  • 中小型科技企业所面临的普遍问题是资金缺乏
  • 固定资产原值怎么确定
  • 个税app重置申报
  • vscode开发gui
  • 预缴所得税年底处理账务吗
  • 什么时候工程物资什么时候在建工程
  • 报销凭证粘贴单怎么用
  • 理财产品怎么分类总结
  • 通行费抵扣进项税怎么做账
  • 弃置费用怎么处理
  • 只知道主营业务怎么办
  • 多缴所得税返还会计分录
  • 对公账户可以转让吗
  • 长期合同价格怎么定
  • 其他应收款贷方余额怎么调整
  • 小企业会计建账分录
  • 在MySQL中使用通配符时应该注意的问题
  • mysql 5.6.23 winx64.zip安装详细教程
  • 在unix操作系统中,账户的功能有哪些
  • 系统有乱码怎么解决
  • win7系统屏幕键盘怎么打开
  • linux 更改目录名
  • shell检查语法错误
  • win10正式版多少钱
  • js控制鼠标位置
  • javascript学习指南
  • jquery操作表单
  • 2020年残保金申报截止到什么时间
  • 残疾人就业税收优惠政策2021
  • 河南省土地使用税减免税优惠
  • 河北地税网上申报纳税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设