{"id":18832457,"url":"https://github.com/small-tou/colors-web","last_synced_at":"2026-01-25T10:30:18.381Z","repository":{"id":41510130,"uuid":"376081514","full_name":"small-tou/colors-web","owner":"small-tou","description":"自由/简单地让浏览器的console变的五彩斑斓。chalk or colors like library, use in browser console , with any colors","archived":false,"fork":false,"pushed_at":"2022-02-23T12:51:04.000Z","size":4986,"stargazers_count":1,"open_issues_count":2,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-12T04:11:53.307Z","etag":null,"topics":["chalk","colors","console"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/small-tou.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-06-11T16:21:41.000Z","updated_at":"2024-06-01T20:26:40.000Z","dependencies_parsed_at":"2022-08-26T10:10:29.335Z","dependency_job_id":null,"html_url":"https://github.com/small-tou/colors-web","commit_stats":null,"previous_names":["yootou-dev/colors-web","small-tou/colors-web"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/small-tou%2Fcolors-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/small-tou%2Fcolors-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/small-tou%2Fcolors-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/small-tou%2Fcolors-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/small-tou","download_url":"https://codeload.github.com/small-tou/colors-web/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239768935,"owners_count":19693763,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chalk","colors","console"],"created_at":"2024-11-08T01:57:55.640Z","updated_at":"2026-01-25T10:30:16.627Z","avatar_url":"https://github.com/small-tou.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## colors-web\n\n\u003cimage src=\"https://user-images.githubusercontent.com/897401/121880115-35413900-cd40-11eb-8b8c-702d557baae0.png\" width=400 /\u003e\n\nhttps://colors-web.js.org\n\n一个自由度非常高的，在浏览器的控制台（Console）显示彩色文本的库，您可用以下方式显示。\n目前还在开发更多功能中，有意见和想法请提 issues（格式无要求）\n\n效果：\n\n\u003cimage src=\"http://assets.html-js.com/demo.png\" width=400 style=\"border:1px solid #ddd;\"/\u003e\n\n使用此库实现了一个在 console 里播放视频的功能，demo 地址：https://colors-web.js.org/dist/camera.html\n\n在 console 里显示音频频谱的功能，demo 地址：https://colors-web.js.org/dist/audio.html\n\n效果：\n\n\u003cimage src=\"http://assets.html-js.com/demo.png\" width=400 style=\"border:1px solid #ddd;\"/\u003e\n\n### 安装\n\n```\nnpm install colors-web --save\n```\n\n### 使用\n\ncolors-web 支持以下特性：\n\n- 文字颜色和背景色\n  - 支持 140 种 web 标准色值，见此文最后\n  - 直接用列表中的颜色做方法调用\n    - `colors().red().greenBg();`\n  - 使用属性的方式链式调用\n    - `colors().red.greenBg.log('这是效果');`\n  - 自定义颜色\n    - `colors('#aaa');`\n    - `colors('rgba(1,1,1,1)');`\n    - `colors('red');`\n    - `bg('#aaa');`\n    - `bg('rgba(1,1,1,1)');`\n    - `bg('red');`\n- 其他文字样式，直接以方法调用\n  - `colors().bold();`\n  - `colors().italic();`\n  - `colors().padding(topbottom,rightleft);`\n  - `colors().underline();`\n  - `colors().linethrough();`\n  - `colors().fontsize(size);`\n  - `colors().fontfamily(familyName);`\n- 其他特性\n  - 何时传入需要显示的字符串？\n    - 在任何一个链式调用的方法中传入都可以（以最后一个生效）\n      - `colors('字符串');`\n      - `colors().red('字符串');`\n      - `colors().red.greenBg('字符串');`\n    - 设置样式后，手动调用 log 方法设置字符串\n      - `colors().red.greenBg.log('字符串');`\n  - 所有 colors 的调用都会返回一个 colors 实例，所以可以放心一直串下去\n- 最后一步：调用 logger() 显示到 console 中\n  - logger 可以传入两种对象：colors() 返回的实例，或 字符串，当传入字符串的时候，默认用灰色无背景的方式显示。\n\n部分示例：\n\n```javascript\nimport { logger, colors } from \"colors-web\";\n// 可指定输出\nlogger.source = console.log;\n/**\n * 使用属性的方式链式调用\n */\nlogger(colors().red.greenBg.log(\"hello world\"), \"hello world\", colors().green.log(\"芋头\"));\n/**\n * 直接用列表中的颜色做方法调用\n */\nlogger(colors().red().greenBg().log(\"hello world\"), \"hello world\", colors().green(\"芋头\"));\n/**\n * 自定义颜色和北京\n */\nlogger(colors().color(\"red\").bg(\"lightgrey\").log(\"hello world\"), \"hello world\", colors().green(\"芋头\"));\n/**\n * 除了颜色和背景色之外，支持其他 style，如 bold，italic，underline 等\n */\nlogger(\n  colors().bold().redBg(\"hello\"),\n  colors().bold().italic().redBg(\"word\"),\n  colors().white().padding(2, 5).underline().greenBg(\"芋头\")\n);\n/**\n * 支持 140 个css标准样式名，同时支持自定义颜色: colors().color(\"#333\").bg(\"#aaa\")\n */\n```\n\n### 现实案例\n\n你可以使用颜色来区分不同的输出元素，例如，当你想实现一个用来分析渲染时间的模块时（对全局 console 进行了 hack，不推荐这样用）：\n\n```typescript\nimport { logger, colors } from \"colors-web\";\nconst origlog = console.log;\nlet count = Date.now();\nlogger.source = origlog;\nconsole.log = function (obj: string, ...placeholders: string[]) {\n  const now = Date.now();\n  logger(\n    colors()\n      .white()\n      .padding(0, 3)\n      .blueBg(now - count + \"ms\"),\n    \" \",\n    obj,\n    ...placeholders\n  );\n  count = now;\n  //   logger.origlog.apply(this, placeholders);\n};\n```\n\n效果：\n\n![](http://assets.html-js.com/2CB39991-A19E-41D8-A909-6DB66B838818.png)\n\n### 开发\n\n```\nnpm run start\n```\n\n### todo\n\n- ~~补充 d.ts~~\n- 用原生 TypeScript 实现\n- 兼容 error ，warn 等 level，支持打印复杂对象\n- 单元测试\n- 兼容终端（Nodejs）\n\n### 支持的颜色\n\n\u003ctable id=\"colors_table\"\u003e\n \u003cthead\u003e\n  \u003ctr\u003e\n   \u003cth scope=\"col\"\u003e规范\u003c/th\u003e\n   \u003cth scope=\"col\"\u003e颜色\u003c/th\u003e\n   \u003cth scope=\"col\"\u003eRGB 十六进制数\u003c/th\u003e\n  \u003c/tr\u003e\n \u003c/thead\u003e\n \u003ctbody\u003e\n  \u003ctr style=\"position: relative;\"\u003e\n   \u003ctd rowspan=\"16\"\u003eCSS Color Module Level\u0026nbsp; \u003c/td\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eblack（黑）\u003c/td\u003e\n   \u003ctd\u003e#000000\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003esilver（银）\u003c/td\u003e\n   \u003ctd\u003e#c0c0c0\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003egray（灰）\u003c/td\u003e\n   \u003ctd\u003e#808080\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003ewhite（白）\u003c/td\u003e\n   \u003ctd\u003e#ffffff\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003emaroon（褐）\u003c/td\u003e\n   \u003ctd\u003e#800000\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003ered（红）\u003c/td\u003e\n   \u003ctd\u003e#ff0000\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003epurple（紫）\u003c/td\u003e\n   \u003ctd\u003e#800080\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003efuchsia（紫红）\u003c/td\u003e\n   \u003ctd\u003e#ff00ff\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003egreen（绿）\u003c/td\u003e\n   \u003ctd\u003e#008000\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003elime（绿黄）\u003c/td\u003e\n   \u003ctd\u003e#00ff00\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eolive（橄榄绿）\u003c/td\u003e\n   \u003ctd\u003e#808000\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eyellow（黄）\u003c/td\u003e\n   \u003ctd\u003e#ffff00\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003enavy（藏青）\u003c/td\u003e\n   \u003ctd\u003e#000080\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eblue（蓝）\u003c/td\u003e\n   \u003ctd\u003e#0000ff\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eteal（青）\u003c/td\u003e\n   \u003ctd\u003e#008080\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eaqua（水绿）\u003c/td\u003e\n   \u003ctd\u003e#00ffff\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n   \u003ctd\u003eCSS Color Module Level\u0026nbsp;2 \u003c/td\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eorange（橙）\u003c/td\u003e\n   \u003ctd\u003e#ffa500\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n   \u003ctd rowspan=\"128\"\u003eCSS Color Module Level\u0026nbsp;3 \u003c/td\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003ealiceblue（浅灰蓝）\u003c/td\u003e\n   \u003ctd\u003e#f0f8ff\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eantiquewhite（古董白）\u003c/td\u003e\n   \u003ctd\u003e#faebd7\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eaquamarine（海蓝）\u003c/td\u003e\n   \u003ctd\u003e#7fffd4\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eazure（蔚蓝）\u003c/td\u003e\n   \u003ctd\u003e#f0ffff\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003ebeige（浅褐）\u003c/td\u003e\n   \u003ctd\u003e#f5f5dc\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003ebisque（橘黄）\u003c/td\u003e\n   \u003ctd\u003e#ffe4c4\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eblanchedalmond（杏仁白）\u003c/td\u003e\n   \u003ctd\u003e#ffebcd\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eblueviolet（蓝紫）\u003c/td\u003e\n   \u003ctd\u003e#8a2be2\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003ebrown（褐）\u003c/td\u003e\n   \u003ctd\u003e#a52a2a\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eburlywood（原木色）\u003c/td\u003e\n   \u003ctd\u003e#deb887\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003ecadetblue（灰蓝）\u003c/td\u003e\n   \u003ctd\u003e#5f9ea0\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003echartreuse（黄绿）\u003c/td\u003e\n   \u003ctd\u003e#7fff00\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003echocolate（巧克力色）\u003c/td\u003e\n   \u003ctd\u003e#d2691e\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003ecoral（珊瑚红）\u003c/td\u003e\n   \u003ctd\u003e#ff7f50\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003ecornflowerblue（矢车菊蓝）\u003c/td\u003e\n   \u003ctd\u003e#6495ed\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003ecornsilk（玉米穗黄）\u003c/td\u003e\n   \u003ctd\u003e#fff8dc\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003ecrimson（深红）\u003c/td\u003e\n   \u003ctd\u003e#dc143c\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edarkblue（深蓝）\u003c/td\u003e\n   \u003ctd\u003e#00008b\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edarkcyan（深青）\u003c/td\u003e\n   \u003ctd\u003e#008b8b\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edarkgoldenrod（暗金）\u003c/td\u003e\n   \u003ctd\u003e#b8860b\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edarkgray\u003csup\u003e \u003c/sup\u003e（深灰）\u003c/td\u003e\n   \u003ctd\u003e#a9a9a9\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edarkgreen（深绿）\u003c/td\u003e\n   \u003ctd\u003e#006400\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edarkgrey\u003csup\u003e\u003c/sup\u003e（深灰）\u003c/td\u003e\n   \u003ctd\u003e#a9a9a9\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edarkkhaki（暗黄褐）\u003c/td\u003e\n   \u003ctd\u003e#bdb76b\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edarkmagenta（深紫）\u003c/td\u003e\n   \u003ctd\u003e#8b008b\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edarkolivegreen（深橄榄绿）\u003c/td\u003e\n   \u003ctd\u003e#556b2f\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edarkorange（深橙）\u003c/td\u003e\n   \u003ctd\u003e#ff8c00\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edarkorchid（深兰花紫）\u003c/td\u003e\n   \u003ctd\u003e#9932cc\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edarkred（深红）\u003c/td\u003e\n   \u003ctd\u003e#8b0000\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edarksalmon（深橙红）\u003c/td\u003e\n   \u003ctd\u003e#e9967a\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edarkseagreen（深海绿）\u003c/td\u003e\n   \u003ctd\u003e#8fbc8f\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edarkslateblue（暗灰蓝）\u003c/td\u003e\n   \u003ctd\u003e#483d8b\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edarkslategray\u003csup\u003e \u003c/sup\u003e（墨绿）\u003c/td\u003e\n   \u003ctd\u003e#2f4f4f\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edarkslategrey\u003csup\u003e \u003c/sup\u003e（墨绿）\u003c/td\u003e\n   \u003ctd\u003e#2f4f4f\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edarkturquoise（暗宝石绿）\u003c/td\u003e\n   \u003ctd\u003e#00ced1\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edarkviolet（深紫罗兰）\u003c/td\u003e\n   \u003ctd\u003e#9400d3\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edeeppink（深粉红）\u003c/td\u003e\n   \u003ctd\u003e#ff1493\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edeepskyblue（深天蓝）\u003c/td\u003e\n   \u003ctd\u003e#00bfff\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edimgray\u003csup\u003e（暗灰）\u003c/sup\u003e\u003c/td\u003e\n   \u003ctd\u003e#696969\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edimgrey\u003csup\u003e（暗灰）\u003c/sup\u003e\u003c/td\u003e\n   \u003ctd\u003e#696969\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003edodgerblue（遮板蓝）\u003c/td\u003e\n   \u003ctd\u003e#1e90ff\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003efirebrick（砖红）\u003c/td\u003e\n   \u003ctd\u003e#b22222\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003efloralwhite（花白）\u003c/td\u003e\n   \u003ctd\u003e#fffaf0\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eforestgreen（丛林绿）\u003c/td\u003e\n   \u003ctd\u003e#228b22\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003egainsboro（浅灰）\u003c/td\u003e\n   \u003ctd\u003e#dcdcdc\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eghostwhite（幽灵白）\u003c/td\u003e\n   \u003ctd\u003e#f8f8ff\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003egold（金）\u003c/td\u003e\n   \u003ctd\u003e#ffd700\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003egoldenrod（橘黄）\u003c/td\u003e\n   \u003ctd\u003e#daa520\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003egreenyellow（黄绿）\u003c/td\u003e\n   \u003ctd\u003e#adff2f\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003egrey（灰）\u003c/td\u003e\n   \u003ctd\u003e#808080\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003ehoneydew（蜜瓜色）\u003c/td\u003e\n   \u003ctd\u003e#f0fff0\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003ehotpink（亮粉）\u003c/td\u003e\n   \u003ctd\u003e#ff69b4\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eindianred（印第安红）\u003c/td\u003e\n   \u003ctd\u003e#cd5c5c\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eindigo（靛蓝）\u003c/td\u003e\n   \u003ctd\u003e#4b0082\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eivory（象牙白）\u003c/td\u003e\n   \u003ctd\u003e#fffff0\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003ekhaki（卡其色）\u003c/td\u003e\n   \u003ctd\u003e#f0e68c\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003elavender（淡紫）\u003c/td\u003e\n   \u003ctd\u003e#e6e6fa\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003elavenderblush（淡紫红）\u003c/td\u003e\n   \u003ctd\u003e#fff0f5\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003elawngreen（草绿）\u003c/td\u003e\n   \u003ctd\u003e#7cfc00\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003elemonchiffon（粉黄）\u003c/td\u003e\n   \u003ctd\u003e#fffacd\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003elightblue（淡蓝）\u003c/td\u003e\n   \u003ctd\u003e#add8e6\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003elightcoral（浅珊瑚色）\u003c/td\u003e\n   \u003ctd\u003e#f08080\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003elightcyan（淡青）\u003c/td\u003e\n   \u003ctd\u003e#e0ffff\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003elightgoldenrodyellow（浅金黄）\u003c/td\u003e\n   \u003ctd\u003e#fafad2\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003elightgray\u003csup\u003e\u003c/sup\u003e（浅灰）\u003c/td\u003e\n   \u003ctd\u003e#d3d3d3\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003elightgreen（浅绿）\u003c/td\u003e\n   \u003ctd\u003e#90ee90\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003elightgrey\u003csup\u003e\u003c/sup\u003e（浅灰）\u003c/td\u003e\n   \u003ctd\u003e#d3d3d3\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003elightpink（淡粉）\u003c/td\u003e\n   \u003ctd\u003e#ffb6c1\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003elightsalmon（浅肉色）\u003c/td\u003e\n   \u003ctd\u003e#ffa07a\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003elightseagreen（浅海绿）\u003c/td\u003e\n   \u003ctd\u003e#20b2aa\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003elightskyblue（浅天蓝）\u003c/td\u003e\n   \u003ctd\u003e#87cefa\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003elightslategray\u003csup\u003e \u003c/sup\u003e（浅青灰）\u003c/td\u003e\n   \u003ctd\u003e#778899\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003elightslategrey\u003csup\u003e \u003c/sup\u003e（浅青灰）\u003c/td\u003e\n   \u003ctd\u003e#778899\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003elightsteelblue（浅钢蓝）\u003c/td\u003e\n   \u003ctd\u003e#b0c4de\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003elightyellow（浅黄）\u003c/td\u003e\n   \u003ctd\u003e#ffffe0\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003elimegreen（酸橙绿）\u003c/td\u003e\n   \u003ctd\u003e#32cd32\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003elinen（亚麻色）\u003c/td\u003e\n   \u003ctd\u003e#faf0e6\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003emediumaquamarine（中绿）\u003c/td\u003e\n   \u003ctd\u003e#66cdaa\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003emediumblue（中蓝）\u003c/td\u003e\n   \u003ctd\u003e#0000cd\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003emediumorchid（间兰花紫）\u003c/td\u003e\n   \u003ctd\u003e#ba55d3\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003emediumpurple（中紫）\u003c/td\u003e\n   \u003ctd\u003e#9370db\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003emediumseagreen（间海绿）\u003c/td\u003e\n   \u003ctd\u003e#3cb371\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003emediumslateblue（中暗蓝）\u003c/td\u003e\n   \u003ctd\u003e#7b68ee\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003emediumspringgreen（中春绿）\u003c/td\u003e\n   \u003ctd\u003e#00fa9a\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003emediumturquoise（中海湖蓝）\u003c/td\u003e\n   \u003ctd\u003e#48d1cc\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003emediumvioletred（中紫罗兰）\u003c/td\u003e\n   \u003ctd\u003e#c71585\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003emidnightblue（午夜蓝）\u003c/td\u003e\n   \u003ctd\u003e#191970\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003emintcream（薄荷乳白）\u003c/td\u003e\n   \u003ctd\u003e#f5fffa\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003emistyrose（粉玫瑰红）\u003c/td\u003e\n   \u003ctd\u003e#ffe4e1\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003emoccasin（鹿皮色）\u003c/td\u003e\n   \u003ctd\u003e#ffe4b5\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003enavajowhite（纳瓦白）\u003c/td\u003e\n   \u003ctd\u003e#ffdead\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eoldlace（浅米色）\u003c/td\u003e\n   \u003ctd\u003e#fdf5e6\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eolivedrab（橄榄褐）\u003c/td\u003e\n   \u003ctd\u003e#6b8e23\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eorangered（橙红）\u003c/td\u003e\n   \u003ctd\u003e#ff4500\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eorchid（兰花紫）\u003c/td\u003e\n   \u003ctd\u003e#da70d6\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003epalegoldenrod（灰菊黄）\u003c/td\u003e\n   \u003ctd\u003e#eee8aa\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003epalegreen（苍绿）\u003c/td\u003e\n   \u003ctd\u003e#98fb98\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003epaleturquoise（苍宝石绿）\u003c/td\u003e\n   \u003ctd\u003e#afeeee\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003epalevioletred（苍紫罗兰）\u003c/td\u003e\n   \u003ctd\u003e#db7093\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003epapayawhip（木瓜色）\u003c/td\u003e\n   \u003ctd\u003e#ffefd5\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003epeachpuff（桃色）\u003c/td\u003e\n   \u003ctd\u003e#ffdab9\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eperu（秘鲁色）\u003c/td\u003e\n   \u003ctd\u003e#cd853f\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003epink（粉）\u003c/td\u003e\n   \u003ctd\u003e#ffc0cb\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eplum（李子色）\u003c/td\u003e\n   \u003ctd\u003e#dda0dd\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003epowderblue（粉蓝）\u003c/td\u003e\n   \u003ctd\u003e#b0e0e6\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003erosybrown（玫瑰粽）\u003c/td\u003e\n   \u003ctd\u003e#bc8f8f\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eroyalblue（宝蓝）\u003c/td\u003e\n   \u003ctd\u003e#4169e1\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003esaddlebrown（马鞍棕）\u003c/td\u003e\n   \u003ctd\u003e#8b4513\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003esalmon（鲑肉色）\u003c/td\u003e\n   \u003ctd\u003e#fa8072\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003esandybrown（沙褐色）\u003c/td\u003e\n   \u003ctd\u003e#f4a460\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eseagreen（海绿）\u003c/td\u003e\n   \u003ctd\u003e#2e8b57\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eseashell（贝壳白）\u003c/td\u003e\n   \u003ctd\u003e#fff5ee\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003esienna（赭）\u003c/td\u003e\n   \u003ctd\u003e#a0522d\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eskyblue（天蓝）\u003c/td\u003e\n   \u003ctd\u003e#87ceeb\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eslateblue（青蓝）\u003c/td\u003e\n   \u003ctd\u003e#6a5acd\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eslategray\u003csup\u003e \u003c/sup\u003e（青灰）\u003c/td\u003e\n   \u003ctd\u003e#708090\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eslategrey\u003csup\u003e \u003c/sup\u003e（青灰）\u003c/td\u003e\n   \u003ctd\u003e#708090\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003esnow（雪白）\u003c/td\u003e\n   \u003ctd\u003e#fffafa\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003espringgreen（春绿）\u003c/td\u003e\n   \u003ctd\u003e#00ff7f\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003esteelblue（铁青）\u003c/td\u003e\n   \u003ctd\u003e#4682b4\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003etan（棕褐）\u003c/td\u003e\n   \u003ctd\u003e#d2b48c\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003ethistle（苍紫）\u003c/td\u003e\n   \u003ctd\u003e#d8bfd8\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003etomato（番茄红）\u003c/td\u003e\n   \u003ctd\u003e#ff6347\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eturquoise（蓝绿）\u003c/td\u003e\n   \u003ctd\u003e#40e0d0\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eviolet（紫罗兰色）\u003c/td\u003e\n   \u003ctd\u003e#ee82ee\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003ewheat（麦色）\u003c/td\u003e\n   \u003ctd\u003e#f5deb3\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003ewhitesmoke（烟白）\u003c/td\u003e\n   \u003ctd\u003e#f5f5f5\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003eyellowgreen（黄绿）\u003c/td\u003e\n   \u003ctd\u003e#9acd32\u003c/td\u003e\n  \n  \u003c/tr\u003e\n  \u003ctr\u003e\n   \u003ctd\u003eCSS Color Module Level\u0026nbsp;4 \u003c/td\u003e\n  \n   \u003ctd style=\"text-align: center;\"\u003erebeccapurple（利百加紫）\u003c/td\u003e\n   \u003ctd\u003e#663399\u003c/td\u003e\n  \n  \u003c/tr\u003e\n \u003c/tbody\u003e\n\u003c/table\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmall-tou%2Fcolors-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsmall-tou%2Fcolors-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmall-tou%2Fcolors-web/lists"}