├── .node-version ├── public └── favicon.png ├── data ├── requirements.txt ├── extract_colors.py ├── cht-colors-pinyin.scss ├── cht-colors.json └── cht-colors-pinyin.json ├── partials ├── footer.html ├── author.html └── common_head.html ├── .gitignore ├── package.json ├── vite.config.js ├── readme.md ├── index.scss ├── painting └── index.html └── index.html /.node-version: -------------------------------------------------------------------------------- 1 | v16.13.0 2 | -------------------------------------------------------------------------------- /public/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/reorx/cht-colors/HEAD/public/favicon.png -------------------------------------------------------------------------------- /data/requirements.txt: -------------------------------------------------------------------------------- 1 | beautifulsoup4==4.13.4 2 | pypinyin==0.55.0 3 | soupsieve==2.7 4 | typing_extensions==4.14.1 5 | -------------------------------------------------------------------------------- /partials/footer.html: -------------------------------------------------------------------------------- 1 |

2 | © 2010 A.J Design 3 |

4 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "cht-colors", 3 | "private": true, 4 | "version": "1.0.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite --host", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "devDependencies": { 12 | "sass": "^1.54.8", 13 | "vite": "^3.0.7", 14 | "vite-plugin-handlebars": "^1.6.0" 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /partials/author.html: -------------------------------------------------------------------------------- 1 |

2 |

3 | Editor: A.J Chan • Twitter: 4 | aj_oo 5 |

6 |

Maintainer: Reorx • Repo: cht-colors

7 |

8 | -------------------------------------------------------------------------------- /partials/common_head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import { resolve } from 'path' 3 | import handlebars from 'vite-plugin-handlebars'; 4 | 5 | export default defineConfig({ 6 | // use relative path for assets 7 | base: "", 8 | build: { 9 | // put assets in the same folder as index.html 10 | assetsDir: ".", 11 | rollupOptions: { 12 | input: { 13 | main: resolve(__dirname, 'index.html'), 14 | painting: resolve(__dirname, 'painting/index.html'), 15 | }, 16 | }, 17 | }, 18 | plugins: [ 19 | handlebars({ 20 | partialDirectory: resolve(__dirname, 'partials'), 21 | }), 22 | ], 23 | }) 24 | -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | # Chinese Traditional Colors 2 | 3 | [Chinese traditional colors](https://cht-colors.pages.dev/) is a collection of colors from Chinese traditional culture. 4 | 5 | There's also a sub page about [China painting colors](https://cht-colors.pages.dev/painting/). 6 | 7 | The website was originaly created by [aj\_oo](http://twitter.com/aj_oo) 12 years ago. 8 | This is the thread he announced the project: https://v2ex.com/t/481. 9 | 10 | At the time I was a student in school, 11 | I was keen on saving anything I like on the web, 12 | that's how the website was kept. 13 | 14 | As time goes by, it went down and got abandoned, just like many other good things on the Internet. 15 | 16 | I always hate [link rot](https://en.wikipedia.org/wiki/Link_rot), and since I now have the skill of making website, 17 | it's time to refine this website and make it accessible again. 18 | 19 | --- 20 | 21 | DATA 22 | 23 | Hex code of colors are also stored in JSON and SCSS format for programmatic usage: 24 | 25 | - [cht-colors.json](./data/cht-colors.json): `{"粉紅": "#ffb3a7", ...}` 26 | - [cht-colors-pinyin.json](./data/cht-colors-pinyin.json): `{"fenhong": "#ffb3a7", ...}` 27 | - [cht-colors-pinyin.scss](./data/cht-colors-pinyin.scss): `$FENHONG: #ffb3a7;` 28 | 29 | --- 30 | 31 | TODO 32 | - [x] responsive 33 | - [x] main 34 | - [x] painting 35 | - [x] remove shade 36 | - [x] click to ~~copy~~ select color code 37 | -------------------------------------------------------------------------------- /data/extract_colors.py: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env python3 2 | # 3 | # Extract colors from index.html and generate 4 | # - data/cht-colors-pinyin.json 5 | # - data/cht-colors.json 6 | # - data/cht-colors-pinyin.scss 7 | import os 8 | import re 9 | import json 10 | from bs4 import BeautifulSoup 11 | from pypinyin import lazy_pinyin 12 | 13 | def hex_to_rgb(hex_code): 14 | '"ffffff" -> [255, 255, 255]. Invalid code -> None' 15 | hex_code = hex_code.lstrip('#') 16 | if not re.match('[0-9a-f]{6}', hex_code): 17 | return None 18 | else: 19 | return [int(i, 16) for i in (hex_code[0:2], hex_code[2:4], hex_code[4:6])] 20 | 21 | scriptdir = os.path.dirname(os.path.abspath(__file__)) 22 | html_file = os.path.join(os.path.dirname(scriptdir), "index.html") 23 | with open(html_file, "r", encoding="utf-8") as f: 24 | content = f.read() 25 | soup = BeautifulSoup(content, "html.parser") 26 | 27 | # Solve conflict 28 | preset_pinyins = { 29 | '殷紅': 'yinhong1', 30 | '銀紅': 'yinhong2', 31 | 32 | '絳紫': 'jiangzi1', 33 | '醬紫': 'jiangzi2', 34 | 35 | '緇色': 'zise1', 36 | '紫色': 'zise2', 37 | 38 | '黧': 'li1', 39 | '黎': 'li2', 40 | } 41 | pinyin_dict = {} 42 | colors = [] 43 | 44 | color_list_div = soup.find("div", id="colorList") 45 | for dl in color_list_div.find_all("dl"): 46 | _colorname = dl.find("dt", class_="colorName") 47 | _colorbox = dl.find("dd", class_="colorBox") 48 | _colorvalue = dl.find("dd", class_="colorValue") 49 | 50 | name = _colorname.get_text() 51 | name_pinyin = ''.join(lazy_pinyin(name)) 52 | 53 | value = _colorvalue.get_text() 54 | value_rgb = [int(m) for m in re.search(r"RGB: (\d+),(\d+),(\d+)", value).groups()] 55 | value_hex = re.search(r"HEX: (#[0-9a-f]{6})", value).groups()[0] 56 | 57 | box_style = _colorbox['style'] 58 | box_rgb = [int(m) for m in re.search(r"rgb\((\d+), *(\d+), (\d+)\)", box_style).groups()] 59 | 60 | # Verification 61 | # CMYK is not verified because it doesn't match at all 62 | if value_rgb != box_rgb: 63 | print(f"WARNING: name={name} rgb_literal({value_rgb})!=background_color({box_rgb})") 64 | if hex_to_rgb(value_hex) != value_rgb: 65 | print(f"WARNING: name={name} rgb_literal=({value_rgb})!=hex({value_hex}={hex_to_rgb(value_hex)})") 66 | 67 | # Detect pinyin conflict 68 | # Conflicted pinyin is curated in preset_pinyins 69 | curated_pinyin = preset_pinyins.get(name, name_pinyin) 70 | if curated_pinyin in pinyin_dict: 71 | print(f"WARNING: Conflict pinyin {pinyin_dict[curated_pinyin]} / {name}") 72 | pinyin_dict[curated_pinyin] = name 73 | 74 | colors.append({ 75 | 'name': name, 76 | 'pinyin': curated_pinyin, 77 | 'rgb': value_rgb, 78 | 'hex': value_hex, 79 | }) 80 | 81 | with open(os.path.join(scriptdir, 'cht-colors-pinyin.json'), 'w') as f: 82 | f.write(json.dumps({c['pinyin']:c['hex'] for c in colors}, indent=2)) 83 | f.write('\n') 84 | with open(os.path.join(scriptdir, 'cht-colors.json'), 'w') as f: 85 | f.write(json.dumps({c['name']:c['hex'] for c in colors}, indent=2, ensure_ascii=False)) 86 | f.write('\n') 87 | with open(os.path.join(scriptdir, 'cht-colors-pinyin.scss'), 'w') as f: 88 | for c in colors: 89 | f.write(f"${c['pinyin'].upper()}: {c['hex']};\n") 90 | 91 | 92 | -------------------------------------------------------------------------------- /data/cht-colors-pinyin.scss: -------------------------------------------------------------------------------- 1 | $FENHONG: #ffb3a7; 2 | $FEISE: #ed5736; 3 | $PINHONG: #f00056; 4 | $TAOHONG: #f47983; 5 | $HAITANGHONG: #db5a6b; 6 | $SHILIUHONG: #f20c00; 7 | $YINGTAOSE: #c93756; 8 | $YINHONG2: #f05654; 9 | $DAHONG: #ff2121; 10 | $JIANGZI1: #8c4356; 11 | $FEIHONG: #c83c23; 12 | $YANZHI: #9d2933; 13 | $ZHUHONG: #ff4c00; 14 | $DAN: #ff4e20; 15 | $TONG: #f35336; 16 | $QIANSE: #cb3a56; 17 | $HUOHONG: #ff2d51; 18 | $HECHI: #c91f37; 19 | $YANHONG: #ef7a82; 20 | $YANGHONG: #ff0097; 21 | $YAN: #ff3300; 22 | $CHI: #c3272b; 23 | $WAN: #a98175; 24 | $ZAOHONG: #c32136; 25 | $TAN: #b36d61; 26 | $YINHONG1: #be002f; 27 | $TUOHONG: #dc3023; 28 | $TUOYAN: #f9906f; 29 | $EHUANG: #fff143; 30 | $YAHUANG: #faff72; 31 | $YINGCAOSE: #eaff56; 32 | $XINGHUANG: #ffa631; 33 | $XINGHONG: #ff8c31; 34 | $JUHUANG: #ff8936; 35 | $CHENGHUANG: #ffa400; 36 | $JUHONG: #ff7500; 37 | $JIANGHUANG: #ffc773; 38 | $XIANGSE: #f0c239; 39 | $CHENGSE: #fa8c35; 40 | $CHASE: #b35c44; 41 | $TUOSE: #a88462; 42 | $HUNHUANG: #c89b40; 43 | $LISE: #60281e; 44 | $ZONGSE: #b25d25; 45 | $ZONGLV: #827100; 46 | $ZONGHEI: #7c4b00; 47 | $ZONGHONG: #9b4400; 48 | $ZONGHUANG: #ae7000; 49 | $ZHESE: #955539; 50 | $HUPO: #ca6924; 51 | $HESE: #6e511e; 52 | $KUHUANG: #d3b17d; 53 | $HUANGLU: #e29c45; 54 | $QIUSE: #896c39; 55 | $QIUXIANGSE: #d9b611; 56 | $NENLV: #bddd22; 57 | $LIUHUANG: #c9dd22; 58 | $LIULV: #afdd22; 59 | $ZHUQING: #789262; 60 | $CONGHUANG: #a3d900; 61 | $CONGLV: #9ed900; 62 | $CONGQING: #0eb83a; 63 | $QINGCONG: #0aa344; 64 | $YOULV: #00bc12; 65 | $LVCHEN: #0c8918; 66 | $BISE: #1bd1a5; 67 | $BILV: #2add9c; 68 | $QINGBI: #48c0a3; 69 | $FEICUISE: #3de1ad; 70 | $CAOLV: #40de5a; 71 | $QINGSE: #00e09e; 72 | $QINGCUI: #00e079; 73 | $QINGBAI: #c0ebd7; 74 | $YALUANQING: #e0eee8; 75 | $XIEKEQING: #bbcdc5; 76 | $YAQING: #424c50; 77 | $LVSE: #00e500; 78 | $DOULV: #9ed048; 79 | $DOUQING: #96ce54; 80 | $SHIQING: #7bcfa6; 81 | $YUSE: #7bcfa6; 82 | $PIAO: #7fecad; 83 | $AILV: #a4e2c6; 84 | $SONGBAILV: #21a675; 85 | $SONGHUALV: #057748; 86 | $SONGHUASE: #bce672; 87 | $LAN: #44cef6; 88 | $DIANQING: #177cb0; 89 | $DIANLAN: #065279; 90 | $BILAN: #3eede7; 91 | $WEILAN: #70f3ff; 92 | $BAOLAN: #4b5cc4; 93 | $LANHUISE: #a1afc9; 94 | $ZANGQING: #2e4e7e; 95 | $CANGLAN: #3b2e7e; 96 | $DAI: #4a4266; 97 | $DAILV: #426666; 98 | $DAILAN: #425066; 99 | $DAIZI: #574266; 100 | $ZISE2: #8d4bbb; 101 | $ZIJIANG: #815463; 102 | $JIANGZI2: #815476; 103 | $ZITAN: #4c221b; 104 | $GANQING: #003371; 105 | $ZITANG: #56004f; 106 | $QINGLIAN: #801dae; 107 | $QUNQING: #4c8dae; 108 | $XUEQING: #b0a4e3; 109 | $DINGXIANGSE: #cca4e3; 110 | $OUSE: #edd1d8; 111 | $OUHESE: #e4c6d0; 112 | $CANGSE: #75878a; 113 | $CANGHUANG: #519a73; 114 | $CANGQING: #a29b7c; 115 | $CANGHEI: #7397ab; 116 | $CANGBAI: #d1d9e0; 117 | $SHUISE: #88ada6; 118 | $SHUIHONG: #f3d3e7; 119 | $SHUILV: #d4f2e7; 120 | $SHUILAN: #d2f0f4; 121 | $DANQING: #d3e0f3; 122 | $HULAN: #30dff3; 123 | $HULV: #25f8cb; 124 | $JINGBAI: #ffffff; 125 | $XIANGYABAI: #fffbf0; 126 | $XUEBAI: #f0fcff; 127 | $YUEBAI: #d6ecf0; 128 | $GAO: #f2ecde; 129 | $SU: #e0f0e9; 130 | $TUBAI: #f3f9f1; 131 | $SHUANGSE: #e9f1f6; 132 | $HUABAI: #c2ccd0; 133 | $YUDUBAI: #fcefe8; 134 | $YINGBAI: #e3f9fd; 135 | $HUISE: #808080; 136 | $YASE: #eedeb0; 137 | $QIANBAI: #f0f0f4; 138 | $XUANSE: #622a1d; 139 | $XUANQING: #3d3b4f; 140 | $WUSE: #725e82; 141 | $WUHEI: #392f41; 142 | $QIHEI: #161823; 143 | $MOSE: #50616d; 144 | $MOHUI: #758a99; 145 | $HEISE: #000000; 146 | $ZISE1: #493131; 147 | $MEIHEI: #312520; 148 | $LI1: #5d513c; 149 | $LI2: #75664d; 150 | $YOU: #6b6882; 151 | $YOUHEI: #665757; 152 | $AN: #41555d; 153 | $CHIJIN: #f2be45; 154 | $JINSE: #eacd76; 155 | $YINBAI: #e9e7ef; 156 | $TONGLV: #549688; 157 | $WUJIN: #a78e44; 158 | $LAOYIN: #bacac6; 159 | -------------------------------------------------------------------------------- /data/cht-colors.json: -------------------------------------------------------------------------------- 1 | { 2 | "粉紅": "#ffb3a7", 3 | "妃色": "#ed5736", 4 | "品紅": "#f00056", 5 | "桃紅": "#f47983", 6 | "海棠紅": "#db5a6b", 7 | "石榴紅": "#f20c00", 8 | "櫻桃色": "#c93756", 9 | "銀紅": "#f05654", 10 | "大紅": "#ff2121", 11 | "絳紫": "#8c4356", 12 | "緋紅": "#c83c23", 13 | "胭脂": "#9d2933", 14 | "朱紅": "#ff4c00", 15 | "丹": "#ff4e20", 16 | "彤": "#f35336", 17 | "茜色": "#cb3a56", 18 | "火紅": "#ff2d51", 19 | "赫赤": "#c91f37", 20 | "嫣紅": "#ef7a82", 21 | "洋紅": "#ff0097", 22 | "炎": "#ff3300", 23 | "赤": "#c3272b", 24 | "綰": "#a98175", 25 | "棗紅": "#c32136", 26 | "檀": "#b36d61", 27 | "殷紅": "#be002f", 28 | "酡紅": "#dc3023", 29 | "酡顏": "#f9906f", 30 | "鵝黃": "#fff143", 31 | "鴨黃": "#faff72", 32 | "櫻草色": "#eaff56", 33 | "杏黃": "#ffa631", 34 | "杏紅": "#ff8c31", 35 | "橘黃": "#ff8936", 36 | "橙黃": "#ffa400", 37 | "橘紅": "#ff7500", 38 | "姜黃": "#ffc773", 39 | "緗色": "#f0c239", 40 | "橙色": "#fa8c35", 41 | "茶色": "#b35c44", 42 | "駝色": "#a88462", 43 | "昏黃": "#c89b40", 44 | "栗色": "#60281e", 45 | "棕色": "#b25d25", 46 | "棕綠": "#827100", 47 | "棕黑": "#7c4b00", 48 | "棕紅": "#9b4400", 49 | "棕黃": "#ae7000", 50 | "赭色": "#955539", 51 | "琥珀": "#ca6924", 52 | "褐色": "#6e511e", 53 | "枯黃": "#d3b17d", 54 | "黃櫨": "#e29c45", 55 | "秋色": "#896c39", 56 | "秋香色": "#d9b611", 57 | "嫩綠": "#bddd22", 58 | "柳黃": "#c9dd22", 59 | "柳綠": "#afdd22", 60 | "竹青": "#789262", 61 | "蔥黃": "#a3d900", 62 | "蔥綠": "#9ed900", 63 | "蔥青": "#0eb83a", 64 | "青蔥": "#0aa344", 65 | "油綠": "#00bc12", 66 | "綠沉": "#0c8918", 67 | "碧色": "#1bd1a5", 68 | "碧綠": "#2add9c", 69 | "青碧": "#48c0a3", 70 | "翡翠色": "#3de1ad", 71 | "草綠": "#40de5a", 72 | "青色": "#00e09e", 73 | "青翠": "#00e079", 74 | "青白": "#c0ebd7", 75 | "鴨卵青": "#e0eee8", 76 | "蟹殼青": "#bbcdc5", 77 | "鴉青": "#424c50", 78 | "綠色": "#00e500", 79 | "豆綠": "#9ed048", 80 | "豆青": "#96ce54", 81 | "石青": "#7bcfa6", 82 | "玉色": "#7bcfa6", 83 | "縹": "#7fecad", 84 | "艾綠": "#a4e2c6", 85 | "松柏綠": "#21a675", 86 | "松花綠": "#057748", 87 | "松花色": "#bce672", 88 | "藍": "#44cef6", 89 | "靛青": "#177cb0", 90 | "靛藍": "#065279", 91 | "碧藍": "#3eede7", 92 | "蔚藍": "#70f3ff", 93 | "寶藍": "#4b5cc4", 94 | "藍灰色": "#a1afc9", 95 | "藏青": "#2e4e7e", 96 | "藏藍": "#3b2e7e", 97 | "黛": "#4a4266", 98 | "黛綠": "#426666", 99 | "黛藍": "#425066", 100 | "黛紫": "#574266", 101 | "紫色": "#8d4bbb", 102 | "紫醬": "#815463", 103 | "醬紫": "#815476", 104 | "紫檀": "#4c221b", 105 | "紺青": "#003371", 106 | "紫棠": "#56004f", 107 | "青蓮": "#801dae", 108 | "群青": "#4c8dae", 109 | "雪青": "#b0a4e3", 110 | "丁香色": "#cca4e3", 111 | "藕色": "#edd1d8", 112 | "藕荷色": "#e4c6d0", 113 | "蒼色": "#75878a", 114 | "蒼黃": "#519a73", 115 | "蒼青": "#a29b7c", 116 | "蒼黑": "#7397ab", 117 | "蒼白": "#d1d9e0", 118 | "水色": "#88ada6", 119 | "水紅": "#f3d3e7", 120 | "水綠": "#d4f2e7", 121 | "水藍": "#d2f0f4", 122 | "淡青": "#d3e0f3", 123 | "湖藍": "#30dff3", 124 | "湖綠": "#25f8cb", 125 | "精白": "#ffffff", 126 | "像牙白": "#fffbf0", 127 | "雪白": "#f0fcff", 128 | "月白": "#d6ecf0", 129 | "縞": "#f2ecde", 130 | "素": "#e0f0e9", 131 | "荼白": "#f3f9f1", 132 | "霜色": "#e9f1f6", 133 | "花白": "#c2ccd0", 134 | "魚肚白": "#fcefe8", 135 | "瑩白": "#e3f9fd", 136 | "灰色": "#808080", 137 | "牙色": "#eedeb0", 138 | "鉛白": "#f0f0f4", 139 | "玄色": "#622a1d", 140 | "玄青": "#3d3b4f", 141 | "烏色": "#725e82", 142 | "烏黑": "#392f41", 143 | "漆黑": "#161823", 144 | "墨色": "#50616d", 145 | "墨灰": "#758a99", 146 | "黑色": "#000000", 147 | "緇色": "#493131", 148 | "煤黑": "#312520", 149 | "黧": "#5d513c", 150 | "黎": "#75664d", 151 | "黝": "#6b6882", 152 | "黝黑": "#665757", 153 | "黯": "#41555d", 154 | "赤金": "#f2be45", 155 | "金色": "#eacd76", 156 | "銀白": "#e9e7ef", 157 | "銅綠": "#549688", 158 | "烏金": "#a78e44", 159 | "老銀": "#bacac6" 160 | } 161 | -------------------------------------------------------------------------------- /index.scss: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0pt; 3 | padding: 0pt; 4 | } 5 | 6 | body { 7 | font: 1em/1.625 Georgia, "Times New Roman", Times, serif; 8 | color: rgb(0, 102, 102); 9 | background: none repeat scroll 0% 0% rgb(255, 255, 255); 10 | margin: 0pt; 11 | padding: 2.5em 0 0 0; 12 | } 13 | 14 | #wrapper { 15 | max-width: 980px; 16 | margin: 0pt auto; 17 | } 18 | 19 | h1 { 20 | font-family: "LiHei", "LiHei Pro Medium", "Microsoft YaHei", 21 | "Microsoft JhengHei", "STHeiti", Arial, Helvetica, sans-serif; 22 | font-weight: bold; 23 | font-size: 4em; 24 | line-height: 1; 25 | text-align: center; 26 | color: rgb(0, 0, 51); 27 | margin-bottom: 0.5em; 28 | letter-spacing: 0.2em; 29 | text-shadow: 0pt 0.08em 0.04em rgba(0, 0, 0, 0.2); 30 | } 31 | 32 | h2 { 33 | font-size: 2em; 34 | font-weight: normal; 35 | line-height: 1.625; 36 | margin-bottom: 0.8125em; 37 | text-align: center; 38 | color: rgb(102, 51, 0); 39 | text-transform: uppercase; 40 | text-shadow: 0pt 0px 5px rgba(0, 0, 0, 0.3); 41 | } 42 | 43 | #Author { 44 | text-align: center; 45 | margin-bottom: 1.625em; 46 | 47 | .sub { 48 | display: inline-block; 49 | margin-inline-start: 1.5em; 50 | &:nth-of-type(1) { 51 | margin-inline-start: 0; 52 | } 53 | } 54 | } 55 | 56 | a { 57 | color: rgb(102, 102, 0); 58 | text-decoration: none; 59 | 60 | &:hover { 61 | color: rgb(0, 0, 51); 62 | text-decoration: none; 63 | } 64 | } 65 | 66 | #colorList { 67 | display: flex; 68 | flex-wrap: wrap; 69 | } 70 | 71 | dl { 72 | line-height: 1.2; 73 | font-size: 0.75em; 74 | margin: 0 10px; 75 | padding: 20px 0pt; 76 | /* total width: 490 */ 77 | width: 470px; 78 | height: 125px; 79 | border-bottom: 1px dotted rgb(153, 153, 153); 80 | &:hover, &:active { 81 | background-color: rgba(204, 204, 204, 0.1); 82 | } 83 | } 84 | 85 | .colorBox { 86 | display: block; 87 | width: 120px; 88 | height: 120px; 89 | line-height: 1.618; 90 | float: left; 91 | margin-right: 1em; 92 | margin-bottom: 1em; 93 | } 94 | 95 | .colorName { 96 | font-family: "LiHei", "LiHei Pro Medium", "Microsoft YaHei", 97 | "Microsoft JhengHei", "STHeiti", Arial, Helvetica, sans-serif; 98 | font-size: 2em; 99 | line-height: 1; 100 | margin-bottom: 0.7em; 101 | color: rgb(0, 0, 51); 102 | text-shadow: 0pt 1px 1px rgba(0, 0, 0, 0.5); 103 | user-select: all; 104 | } 105 | 106 | .colorValue { 107 | color: rgb(0, 0, 51); 108 | text-transform: uppercase; 109 | margin-bottom: 0.8em; 110 | line-height: 1.7; 111 | 112 | span { 113 | font-family: 'Lucida Console', monospace; 114 | user-select: all; 115 | color: rgb(102, 51, 0); 116 | font-weight: bolder; 117 | padding: 1px 3px; 118 | background-color: rgba(204, 204, 204, 0.3); 119 | text-shadow: 0pt 1px 1px rgba(255, 255, 255, 0.8); 120 | } 121 | } 122 | 123 | .colorDesc { 124 | line-height: 1.618; 125 | font-size: 14px; 126 | } 127 | .colorDesc.small { 128 | font-size: 13px; 129 | } 130 | 131 | #copyright { 132 | clear: both; 133 | font-size: small; 134 | text-align: center; 135 | padding: 3em 0pt; 136 | text-transform: uppercase; 137 | } 138 | 139 | /* responsive */ 140 | 141 | /* smaller width */ 142 | @media screen and (max-width: 980px) { 143 | h1 { 144 | font-size: 40px; 145 | letter-spacing: 2px; 146 | } 147 | h2 { 148 | font-size: 20px; 149 | } 150 | #colorList { 151 | justify-content: center; 152 | } 153 | #Author { 154 | .sub { 155 | display: block; 156 | margin-inline-start: 0; 157 | } 158 | } 159 | } 160 | 161 | @media screen and (max-width: 490px) { 162 | dl { 163 | width: 100%; 164 | height: auto; 165 | } 166 | .colorBox { 167 | width: 80px; 168 | height: 80px; 169 | margin-bottom: 0; 170 | } 171 | .colorValue { 172 | margin-bottom: 18px; 173 | } 174 | .colorDesc { 175 | clear: left; 176 | } 177 | .colorDesc.small { 178 | /* reset to normal */ 179 | font-size: 14px; 180 | } 181 | } 182 | -------------------------------------------------------------------------------- /data/cht-colors-pinyin.json: -------------------------------------------------------------------------------- 1 | { 2 | "fenhong": "#ffb3a7", 3 | "feise": "#ed5736", 4 | "pinhong": "#f00056", 5 | "taohong": "#f47983", 6 | "haitanghong": "#db5a6b", 7 | "shiliuhong": "#f20c00", 8 | "yingtaose": "#c93756", 9 | "yinhong2": "#f05654", 10 | "dahong": "#ff2121", 11 | "jiangzi1": "#8c4356", 12 | "feihong": "#c83c23", 13 | "yanzhi": "#9d2933", 14 | "zhuhong": "#ff4c00", 15 | "dan": "#ff4e20", 16 | "tong": "#f35336", 17 | "qianse": "#cb3a56", 18 | "huohong": "#ff2d51", 19 | "hechi": "#c91f37", 20 | "yanhong": "#ef7a82", 21 | "yanghong": "#ff0097", 22 | "yan": "#ff3300", 23 | "chi": "#c3272b", 24 | "wan": "#a98175", 25 | "zaohong": "#c32136", 26 | "tan": "#b36d61", 27 | "yinhong1": "#be002f", 28 | "tuohong": "#dc3023", 29 | "tuoyan": "#f9906f", 30 | "ehuang": "#fff143", 31 | "yahuang": "#faff72", 32 | "yingcaose": "#eaff56", 33 | "xinghuang": "#ffa631", 34 | "xinghong": "#ff8c31", 35 | "juhuang": "#ff8936", 36 | "chenghuang": "#ffa400", 37 | "juhong": "#ff7500", 38 | "jianghuang": "#ffc773", 39 | "xiangse": "#f0c239", 40 | "chengse": "#fa8c35", 41 | "chase": "#b35c44", 42 | "tuose": "#a88462", 43 | "hunhuang": "#c89b40", 44 | "lise": "#60281e", 45 | "zongse": "#b25d25", 46 | "zonglv": "#827100", 47 | "zonghei": "#7c4b00", 48 | "zonghong": "#9b4400", 49 | "zonghuang": "#ae7000", 50 | "zhese": "#955539", 51 | "hupo": "#ca6924", 52 | "hese": "#6e511e", 53 | "kuhuang": "#d3b17d", 54 | "huanglu": "#e29c45", 55 | "qiuse": "#896c39", 56 | "qiuxiangse": "#d9b611", 57 | "nenlv": "#bddd22", 58 | "liuhuang": "#c9dd22", 59 | "liulv": "#afdd22", 60 | "zhuqing": "#789262", 61 | "conghuang": "#a3d900", 62 | "conglv": "#9ed900", 63 | "congqing": "#0eb83a", 64 | "qingcong": "#0aa344", 65 | "youlv": "#00bc12", 66 | "lvchen": "#0c8918", 67 | "bise": "#1bd1a5", 68 | "bilv": "#2add9c", 69 | "qingbi": "#48c0a3", 70 | "feicuise": "#3de1ad", 71 | "caolv": "#40de5a", 72 | "qingse": "#00e09e", 73 | "qingcui": "#00e079", 74 | "qingbai": "#c0ebd7", 75 | "yaluanqing": "#e0eee8", 76 | "xiekeqing": "#bbcdc5", 77 | "yaqing": "#424c50", 78 | "lvse": "#00e500", 79 | "doulv": "#9ed048", 80 | "douqing": "#96ce54", 81 | "shiqing": "#7bcfa6", 82 | "yuse": "#7bcfa6", 83 | "piao": "#7fecad", 84 | "ailv": "#a4e2c6", 85 | "songbailv": "#21a675", 86 | "songhualv": "#057748", 87 | "songhuase": "#bce672", 88 | "lan": "#44cef6", 89 | "dianqing": "#177cb0", 90 | "dianlan": "#065279", 91 | "bilan": "#3eede7", 92 | "weilan": "#70f3ff", 93 | "baolan": "#4b5cc4", 94 | "lanhuise": "#a1afc9", 95 | "zangqing": "#2e4e7e", 96 | "canglan": "#3b2e7e", 97 | "dai": "#4a4266", 98 | "dailv": "#426666", 99 | "dailan": "#425066", 100 | "daizi": "#574266", 101 | "zise2": "#8d4bbb", 102 | "zijiang": "#815463", 103 | "jiangzi2": "#815476", 104 | "zitan": "#4c221b", 105 | "ganqing": "#003371", 106 | "zitang": "#56004f", 107 | "qinglian": "#801dae", 108 | "qunqing": "#4c8dae", 109 | "xueqing": "#b0a4e3", 110 | "dingxiangse": "#cca4e3", 111 | "ouse": "#edd1d8", 112 | "ouhese": "#e4c6d0", 113 | "cangse": "#75878a", 114 | "canghuang": "#519a73", 115 | "cangqing": "#a29b7c", 116 | "canghei": "#7397ab", 117 | "cangbai": "#d1d9e0", 118 | "shuise": "#88ada6", 119 | "shuihong": "#f3d3e7", 120 | "shuilv": "#d4f2e7", 121 | "shuilan": "#d2f0f4", 122 | "danqing": "#d3e0f3", 123 | "hulan": "#30dff3", 124 | "hulv": "#25f8cb", 125 | "jingbai": "#ffffff", 126 | "xiangyabai": "#fffbf0", 127 | "xuebai": "#f0fcff", 128 | "yuebai": "#d6ecf0", 129 | "gao": "#f2ecde", 130 | "su": "#e0f0e9", 131 | "tubai": "#f3f9f1", 132 | "shuangse": "#e9f1f6", 133 | "huabai": "#c2ccd0", 134 | "yudubai": "#fcefe8", 135 | "yingbai": "#e3f9fd", 136 | "huise": "#808080", 137 | "yase": "#eedeb0", 138 | "qianbai": "#f0f0f4", 139 | "xuanse": "#622a1d", 140 | "xuanqing": "#3d3b4f", 141 | "wuse": "#725e82", 142 | "wuhei": "#392f41", 143 | "qihei": "#161823", 144 | "mose": "#50616d", 145 | "mohui": "#758a99", 146 | "heise": "#000000", 147 | "zise1": "#493131", 148 | "meihei": "#312520", 149 | "li1": "#5d513c", 150 | "li2": "#75664d", 151 | "you": "#6b6882", 152 | "youhei": "#665757", 153 | "an": "#41555d", 154 | "chijin": "#f2be45", 155 | "jinse": "#eacd76", 156 | "yinbai": "#e9e7ef", 157 | "tonglv": "#549688", 158 | "wujin": "#a78e44", 159 | "laoyin": "#bacac6" 160 | } 161 | -------------------------------------------------------------------------------- /painting/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {{> common_head }} 5 | 中國國畫常用色彩 (China Painting Color) 6 | 7 | 8 | 9 |

10 |

中國國畫常用色彩

11 |

China Painting Color

12 |

13 | {{> author }} 14 |

15 | （附：中國傳統色彩） 16 |

17 |

18 |

19 |

銀朱: 23 | RGB: 191,36,42 CMYK: 24 | 18,99,95,7 HEX: #bf242a 25 |; 銀朱：呈暗粉色

28 |

胭脂: 32 | RGB: 157,41,51 CMYK: 33 | 26,95,80,21 HEX: #9d2933 34 |; 36 | 胭脂：色暗紅。用紅藍花、茜草、紫梗三種植物制成的顏料，年代久則有褪色的現像。 37 |

39 |

朱砂: 43 | RGB: 255,70,31 CMYK: 0,87,94,0 44 | HEX: #ff461f 45 |; 47 | 朱砂：色朱紅。用以畫花卉、禽鳥羽毛。 48 | （注：黃色成分微高於紅色成分，色艷麗，需注意與背景色調和，多數情況下不大面積使用。） 49 |

51 |

朱膘: 55 | RGB: 243,104,56 CMYK: 56 | 0,74,86,0 HEX: #f36838 57 |; 59 | 朱膘：色橘紅。明度比朱砂高，彩度比朱砂低。用以畫花卉。 60 |

62 |

赭石: 66 | RGB: 132,90,51 CMYK: 67 | 38,60,86,27 HEX: #845a33 68 |; 赭石：色紅褐。用以畫山石、樹干、老枝葉。

71 |

石青: 75 | RGB: 22,133,169 CMYK: 76 | 83,36,22,1 HEX: #1685a9 77 |; 79 | 石青：色青，依深淺分為－頭青、二青、三青。用以畫葉或山石。 80 |

82 |

石綠: 86 | RGB: 22,169,81 CMYK: 81,5,96,0 87 | HEX: #16a951 88 |; 90 | 石綠：依深淺分為－頭綠、二綠、三綠。用以畫山石、樹干、葉、點苔等。 91 |

93 |

白粉: 100 | RGB: 255,242,223 CMYK: 101 | 0,4,11,0 HEX: #fff2df 102 |; 104 | 白粉：亦稱胡粉，色白，有蛤粉和鉛粉兩種。用以畫白花、鳥，或調配其他顏料使用。 105 |

107 |

花青: 111 | RGB: 0,52,114 CMYK: 112 | 100,88,28,15 HEX: #003472 113 |; 115 | 花青：色藏青。用以畫枝葉、山石、水波等。用蓼藍或大藍的葉子制成藍靛，再提煉出來的青色顏料，藍綠色或藏藍色。用途相當廣，可調藤黃成草綠或嫩綠色。廣花，顏料。 116 |

118 |

藤黃: 122 | RGB: 255,182,30 CMYK: 123 | 0,32,97,0 HEX: #ffb61e 124 |; 126 | 藤黃：色明黃。用以畫花卉、枝葉。藤黃：明黃色。南方熱帶林中的海藤樹，常綠喬木，莖高達二十米，從其樹皮鑿孔，流出黃色樹脂，以竹筒承接，干透可作國畫顏料。 127 |

129 |

雌黃: 133 | RGB: 255,198,75 CMYK: 134 | 0,23,81,0 HEX: #ffc64b 135 |; 137 | 雌黃：礦物名。成分是三硫化二砷(As2S3)橙黃色,半透明,可用來制顏料。古人用雌黃來塗改文字，因此稱亂改文字、亂發議論為“妄下雌黃”;不顧事實、隨口亂說為“信口雌黃”。 138 |

140 |

雄黃: 144 | RGB: 233,187,29 CMYK: 145 | 10,25,100,0 HEX: #e9bb1d 146 |; 148 | 雄黃：中藥名。為含硫化砷的礦石。別名石黃、黃石。 149 |

151 |

洋紅: 155 | RGB: 255,71,119 CMYK: 156 | 0,86,31,0 HEX: #ff4777 157 |; 洋紅：色橘紅。用以畫花卉。

160 |

墨色: 164 | RGB: 80,97,109 CMYK: 165 | 71,54,44,19 HEX: #50616d 166 |; 墨色：即黑色

169 |

170 | {{> footer }} 171 |

172 | 173 | 174 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {{> common_head }} 5 | 中國傳統色彩 (Chinese traditional colors ) 6 | 7 | 8 | 9 | 10 |

11 |

中國傳統色彩

12 |

Chinese traditional colors

13 |

14 | {{> author }} 15 |

16 | （附：中國國畫常用色彩） 17 |

18 |

19 |

20 |

粉紅: 27 | RGB: 255,179,167 CMYK: 28 | 0,37,26,0 HEX: #ffb3a7 29 |; 31 | 粉紅，即淺紅色。別稱：妃色楊妃色湘妃色妃紅色 32 |

34 |

妃色: 38 | RGB: 237,87,54 CMYK: 1,81,87,0 39 | HEX: #ed5736 40 |; 42 | 妃紅色：古同“緋”，粉紅色。楊妃色湘妃色粉紅皆同義 43 |

45 |

品紅: 49 | RGB: 240,0,86 CMYK: 0,100,53,0 50 | HEX: #f00056 51 |; 品紅：比大紅淺的紅色

54 |

桃紅: 61 | RGB: 244,121,131 CMYK: 62 | 0,66,34,0 HEX: #f47983 63 |; 桃紅，桃花的顏色，比粉紅略鮮潤的顏色。

66 |

海棠紅: 70 | RGB: 219,90,107 CMYK: 71 | 10,79,47,0 HEX: #db5a6b 72 |; 74 | 海棠紅，淡紫紅色、較桃紅色深一些，是非常嫵媚嬌艷的顏色。 75 |

77 |

石榴紅: 81 | RGB: 242,12,0 CMYK: 82 | 0,100,100,0 HEX: #f20c00 83 |; 石榴紅：石榴花的顏色，高色度和純度的紅色。

86 |

櫻桃色: 90 | RGB: 201,55,86 CMYK: 91 | 16,93,57,3 HEX: #c93756 92 |; 櫻桃色：鮮紅色。

95 |

銀紅: 99 | RGB: 240,86,84 CMYK: 0,81,65,0 100 | HEX: #f05654 101 |; 103 | 銀紅：銀朱和粉紅色顏料配成的顏色。多用來形容有光澤的各種紅色，尤指有光澤淺紅。 104 |

106 |

大紅: 110 | RGB: 255,33,33 CMYK: 0,96,92,0 111 | HEX: #ff2121 112 |; 114 | 大紅：正紅色，三原色中的紅，傳統的中國紅，又稱絳色。 115 |

117 |

絳紫: 121 | RGB: 140,67,86 CMYK: 122 | 37,81,50,20 HEX: #8c4356 123 |; 絳紫：紫中略帶紅的顏色。

126 |

緋紅: 130 | RGB: 200,60,35 CMYK: 131 | 15,90,100,5 HEX: #c83c23 132 |; 緋紅：艷麗的深紅。

135 |

胭脂: 139 | RGB: 157,41,51 CMYK: 140 | 26,95,80,21 HEX: #9d2933 141 |; 143 | 胭脂：1，女子裝扮時用的胭脂的顏色。2，國畫暗紅色顏料。 144 |

146 |

朱紅: 150 | RGB: 255,76,0 CMYK: 0,84,100,0 151 | HEX: #ff4c00 152 |; 154 | 朱紅：朱砂的顏色，比大紅活潑，也稱鉛朱朱色丹色。 155 |

157 |

丹: 161 | RGB: 255,78,32 CMYK: 0,84,94,0 162 | HEX: #ff4e20 163 |; 丹：丹砂的鮮艷紅色

166 |

彤: 170 | RGB: 243,83,54 CMYK: 0,83,86,0 171 | HEX: #f35336 172 |; 彤：赤色

175 |

茜色: 179 | RGB: 203,58,86 CMYK: 180 | 15,92,58,2 HEX: #cb3a56 181 |; 茜色：茜草染的色彩，呈深紅色

184 |

火紅: 188 | RGB: 255,45,81 CMYK: 0,93,60,0 189 | HEX: #ff2d51 190 |; 火紅：火焰的紅色，赤色

193 |

赫赤: 197 | RGB: 201,31,55 CMYK: 198 | 14,100,83,4 HEX: #c91f37 199 |; 赫赤：深紅，火紅。泛指赤色、火紅色。

202 |

嫣紅: 209 | RGB: 239,122,130 CMYK: 210 | 2,65,36,0 HEX: #ef7a82 211 |; 嫣紅：鮮艷的紅色

214 |

洋紅: 218 | RGB: 255,0,151 CMYK: 0,0,96,0 219 | HEX: #ff0097 220 |; 洋紅：色橘紅

223 |

炎: 227 | RGB: 255,51,0 CMYK: 0,92,100,0 228 | HEX: #ff3300 229 |; 炎：引申為紅色。

232 |

赤: 236 | RGB: 195,39,43 CMYK: 237 | 16,98,95,6 HEX: #c3272b 238 |; 赤：本義火的顏色，即紅色

241 |

綰: 245 | RGB: 169,129,117 CMYK: 246 | 33,49,50,5 HEX: #a98175 247 |; 綰：絳色；淺絳色。

250 |

棗紅: 254 | RGB: 195,33,54 CMYK: 255 | 16,99,83,6 HEX: #c32136 256 |; 棗紅：即深紅

259 |

檀: 263 | RGB: 179,109,97 CMYK: 264 | 26,63,59,7 HEX: #b36d61 265 |; 檀：淺紅色，淺絳色。

268 |

殷紅: 272 | RGB: 190,0,47 CMYK: 273 | 17,100,86,8 HEX: #be002f 274 |; 殷紅：發黑的紅色。

277 |

酡紅: 281 | RGB: 220,48,35 CMYK: 282 | 8,95,100,1 HEX: #dc3023 283 |; 酡紅：像飲酒後臉上泛現的紅色，泛指臉紅

286 |

酡顏: 293 | RGB: 249,144,111 CMYK: 294 | 0,53,55,0 HEX: #f9906f 295 |; 酡顏：飲酒臉紅的樣子。亦泛指臉紅色

298 |

鵝黃: 302 | RGB: 255,241,67 CMYK: 3,0,83,0 303 | HEX: #fff143 304 |; 鵝黃：淡黃色

307 |

鴨黃: 314 | RGB: 250,255,114 CMYK: 315 | 6,0,67,0 HEX: #faff72 316 |; 鴨黃：小鴨毛的黃色

319 |

櫻草色: 323 | RGB: 234,255,86 CMYK: 324 | 13,0,80,0 HEX: #eaff56 325 |; 櫻草色：淡黃色

328 |

杏黃: 332 | RGB: 255,166,49 CMYK: 333 | 0,41,90,0 HEX: #ffa631 334 |; 杏黃：成熟杏子的黃色

337 |

杏紅: 341 | RGB: 255,140,49 CMYK: 342 | 0,55,89,0 HEX: #ff8c31 343 |; 杏紅：成熟杏子偏紅色的一種顏色

346 |

橘黃: 350 | RGB: 255,137,54 CMYK: 351 | 0,57,86,0 HEX: #ff8936 352 |; 橘黃：柑橘的黃色。

355 |

橙黃: 359 | RGB: 255,164,0 CMYK: 360 | 0,41,100,0 HEX: #ffa400 361 |; 363 | 橙黃：橙的黃色。（現代感比較強。廣告上用得較多） 364 |

366 |

橘紅: 370 | RGB: 255,117,0 CMYK: 371 | 0,67,100,0 HEX: #ff7500 372 |; 橘紅：柑橘皮所呈現的紅色

375 |

姜黃: 382 | RGB: 255,199,115 CMYK: 383 | 0,24,63,0 HEX: #ffc773 384 |; 386 | 姜黃：中藥名。別名黃姜。為姜科植物姜黃的根莖。又指人臉色不正,呈黃白色 387 |

389 |

緗色: 393 | RGB: 240,194,57 CMYK: 394 | 6,23,90,0 HEX: #f0c239 395 |; 緗色：淺黃色。

398 |

橙色: 402 | RGB: 250,140,53 CMYK: 403 | 0,55,88,0 HEX: #fa8c35 404 |; 橙色：界於紅色和黃色之間的混合色。

407 |

茶色: 411 | RGB: 179,92,68 CMYK: 412 | 23,72,77,10 HEX: #b35c44 413 |; 茶色：一種比栗色稍紅的棕橙色至淺棕色

416 |

駝色: 420 | RGB: 168,132,98 CMYK: 421 | 32,46,65,7 HEX: #a88462 422 |; 424 | 駝色：一種比哢嘰色稍紅而微淡、比肉桂色黃而稍淡和比核桃棕色黃而暗的淺黃棕色 425 |

427 |

昏黃: 431 | RGB: 200,155,64 CMYK: 432 | 22,38,90,2 HEX: #c89b40 433 |; 昏黃：形容天色、燈光等呈幽暗的黃色

436 |

栗色: 440 | RGB: 96,40,30 CMYK: 441 | 37,82,82,52 HEX: #60281e 442 |; 栗色：栗殼的顏色。即紫黑色

445 |

棕色: 449 | RGB: 178,93,37 CMYK: 450 | 23,70,100,11 HEX: #b25d25 451 |; 453 | 棕色：棕毛的顏色,即褐色。1，在紅色和黃色之間的任何一種顏色2，適中的暗淡和適度的淺黑。 454 |

456 |

棕綠: 460 | RGB: 130,113,0 CMYK: 461 | 46,44,100,19 HEX: #827100 462 |; 棕綠：綠中泛棕色的一種顏色。

465 |

棕黑: 469 | RGB: 124,75,0 CMYK: 470 | 37,66,100,34 HEX: #7c4b00 471 |; 棕黑：深棕色。

474 |

棕紅: 478 | RGB: 155,68,0 CMYK: 479 | 27,79,100,23 HEX: #9b4400 480 |; 棕紅：紅褐色。

483 |

棕黃: 487 | RGB: 174,112,0 CMYK: 488 | 27,57,100,11 HEX: #ae7000 489 |; 棕黃：淺褐色。

492 |

赭色: 496 | RGB: 149,85,57 CMYK: 497 | 31,69,81,22 HEX: #955539 498 |; 赭色：紅色、赤紅色。古人用以飾面

501 |

琥珀: 505 | RGB: 202,105,36 CMYK: 506 | 16,68,100,4 HEX: #ca6924 507 |

510 |

褐色: 514 | RGB: 110,81,30 CMYK: 515 | 44,58,100,36 HEX: #6e511e 516 |; 褐色：黃黑色

519 |

枯黃: 526 | RGB: 211,177,125 CMYK: 527 | 18,29,57,0 HEX: #d3b17d 528 |; 枯黃：干枯焦黃

531 |

黃櫨: 535 | RGB: 226,156,69 CMYK: 536 | 10,42,84,0 HEX: #e29c45 537 |; 539 | 黃櫨：一種落葉灌木，花黃綠色,葉子秋天變成紅色。木材黃色可做染料。 540 |

542 |

秋色: 546 | RGB: 137,108,57 CMYK: 547 | 40,50,87,21 HEX: #896c39 548 |; 550 | 秋色：1，中常橄欖棕色,它比一般橄欖棕色稍暗,且稍稍綠些。2，古以秋為金,其色白,故代指白色。 551 |

553 |

秋香色: 557 | RGB: 217,182,17 CMYK: 558 | 17,25,100,0 HEX: #d9b611 559 |; 561 | 秋香色：淺橄欖色 562 | 淺黃綠色。（注：直接在Y中摻入k10~30可得到不同濃淡的該類色彩） 563 |

565 |

嫩綠: 569 | RGB: 189,221,34 CMYK: 570 | 31,0,100,0 HEX: #bddd22 571 |; 嫩綠：像剛長出的嫩葉的淺綠色

574 |

柳黃: 578 | RGB: 201,221,34 CMYK: 579 | 26,0,100,0 HEX: #c9dd22 580 |; 柳黃：像柳樹芽那樣的淺黃色

583 |

柳綠: 587 | RGB: 175,221,34 CMYK: 588 | 36,0,100,0 HEX: #afdd22 589 |; 柳綠：柳葉的青綠色

592 |

竹青: 596 | RGB: 120,146,98 CMYK: 597 | 56,28,73,7 HEX: #789262 598 |; 竹青：竹子的綠色

601 |

蔥黃: 605 | RGB: 163,217,0 CMYK: 606 | 41,0,100,0 HEX: #a3d900 607 |; 蔥黃：黃綠色，嫩黃色

610 |

蔥綠: 614 | RGB: 158,217,0 CMYK: 615 | 43,0,100,0 HEX: #9ed900 616 |; 618 | 蔥綠：1，淺綠又略顯微黃的顏色2，草木青翠的樣子 619 |

621 |

蔥青: 625 | RGB: 14,184,58 CMYK: 626 | 78,0,100,0 HEX: #0eb83a 627 |; 蔥青：淡淡的青綠色

630 |

青蔥: 634 | RGB: 10,163,68 CMYK: 635 | 83,1,100,1 HEX: #0aa344 636 |; 青蔥：翠綠色,形容植物濃綠

639 |

油綠: 643 | RGB: 0,188,18 CMYK: 78,0,100,0 644 | HEX: #00bc12 645 |; 647 | 油綠：光潤而濃綠的顏色。以上幾種綠色都是明亮可愛的色彩。 648 |

650 |

綠沉: 654 | RGB: 12,137,24 CMYK: 655 | 86,21,100,9 HEX: #0c8918 656 |; 綠沉：深綠

659 |

碧色: 663 | RGB: 27,209,165 CMYK: 664 | 67,0,50,0 HEX: #1bd1a5 665 |; 碧色：1，青綠色。2，青白色,淺藍色。

668 |

碧綠: 672 | RGB: 42,221,156 CMYK: 673 | 63,0,56,0 HEX: #2add9c 674 |; 碧綠：鮮艷的青綠色

677 |

青碧: 681 | RGB: 72,192,163 CMYK: 682 | 66,0,46,0 HEX: #48c0a3 683 |; 青碧：鮮艷的青藍色

686 |

翡翠色: 690 | RGB: 61,225,173 CMYK: 691 | 59,0,47,0 HEX: #3de1ad 692 |; 694 | 翡翠色：1，翡翠鳥羽毛的青綠色。2，翡翠寶石的顏色。
注: C-Y≧30 695 | 的系列色彩，多與白色配合以體現清新明麗感覺，與黑色配合效果不好：該色個性柔弱，會被黑色牽制 696 |

698 |

草綠: 702 | RGB: 64,222,90 CMYK: 63,0,90,0 703 | HEX: #40de5a 704 |; 草綠：綠而略黃的顏色。

707 |

青色: 711 | RGB: 0,224,158 CMYK: 64,0,56,0 712 | HEX: #00e09e 713 |; 715 | 青色：1，一類帶綠的藍色,中等深淺,高度飽和。3，本義是藍色。4，一般指深綠色。5，也指黑色。6，四色印刷中的一色。2，特指三補色中的一色。 716 |

718 |

青翠: 722 | RGB: 0,224,121 CMYK: 66,0,76,0 723 | HEX: #00e079 724 |; 青翠：鮮綠

727 |

青白: 734 | RGB: 192,235,215 CMYK: 735 | 24,0,20,0 HEX: #c0ebd7 736 |; 青白：白而發青,尤指臉沒有血色

739 |

鴨卵青: 746 | RGB: 224,238,232 CMYK: 747 | 11,1,9,0 HEX: #e0eee8 748 |; 鴨卵青：淡青灰色，極淡的青綠色

751 |

蟹殼青: 758 | RGB: 187,205,197 CMYK: 759 | 27,11,22,0 HEX: #bbcdc5 760 |; 蟹殼青：深灰綠色

763 |

鴉青: 767 | RGB: 66,76,80 CMYK: 768 | 72,58,54,36 HEX: #424c50 769 |; 鴉青：鴉羽的顏色。即黑而帶有紫綠光的顏色。

772 |

綠色: 776 | RGB: 0,229,0 CMYK: 68,0,100,0 777 | HEX: #00e500 778 |; 780 | 綠色：1，在光譜中介於藍與黃之間的那種顏色。2，本義：青中帶黃的顏色。3，引申為黑色，如綠鬢：烏黑而光亮的鬢發。代指為青春年少的容顏。 781 |

783 |

豆綠: 787 | RGB: 158,208,72 CMYK: 788 | 43,0,92,0 HEX: #9ed048 789 |; 豆綠：淺黃綠色

792 |

豆青: 796 | RGB: 150,206,84 CMYK: 797 | 45,0,87,0 HEX: #96ce54 798 |; 豆青：淺青綠色

801 |

石青: 808 | RGB: 123,207,166 CMYK: 809 | 51,0,45,0 HEX: #7bcfa6 810 |; 石青：淡灰綠色

813 |

玉色: 820 | RGB: 123,207,166 CMYK: 821 | 62,0,53,0 HEX: #7bcfa6 822 |; 玉色：玉的顏色，高雅的淡綠、淡青色

825 |

縹: 832 | RGB: 127,236,173 CMYK: 833 | 44,0,46,0 HEX: #7fecad 834 |; 縹：綠色而微白

837 |

艾綠: 844 | RGB: 164,226,198 CMYK: 845 | 34,0,29,0 HEX: #a4e2c6 846 |; 艾綠：艾草的顏色。偏蒼白的綠色。

849 |

松柏綠: 853 | RGB: 33,166,117 CMYK: 854 | 79,9,71,1 HEX: #21a675 855 |; 松柏綠：經冬松柏葉的深綠

858 |

松花綠: 862 | RGB: 5,119,72 CMYK: 863 | 89,29,88,17 HEX: #057748 864 |; 866 | 松花綠：亦作“松花”、“松綠”。偏黑的深綠色,墨綠。 867 |

869 |

松花色: 876 | RGB: 188,230,114 CMYK: 877 | 89,29,88,17 HEX: #bce672 878 |; 880 | 松花色：淺黃綠色。（松樹花粉的顏色）《紅樓夢》中提及松花配桃紅為嬌艷 881 |

883 |

藍: 887 | RGB: 68,206,246 CMYK: 58,0,2,0 888 | HEX: #44cef6 889 |; 891 | 藍：三原色的一種。像晴天天空的顏色 892 | （注：這裡的藍色指的不是RGB色彩中的B，而是CMY色彩中的C） 893 |

895 |

靛青: 899 | RGB: 23,124,176 CMYK: 900 | 85,44,12,1 HEX: #177cb0 901 |; 903 | 靛青：也叫“藍靛”。用蓼藍葉泡水調和與石灰沉澱所得的藍色染料。呈深藍綠色 904 | （注：有些地方將藍墨水稱為“靛水”或者“蘭靛水”） 905 |

907 |

靛藍: 911 | RGB: 6,82,121 CMYK: 912 | 97,68,31,14 HEX: #065279 913 |; 915 | 靛藍：由植物(例如靛藍或菘藍屬植物)得到的藍色染料 916 |

918 |

碧藍: 922 | RGB: 62,237,231 CMYK: 923 | 53,0,19,0 HEX: #3eede7 924 |; 碧藍：青藍色

927 |

蔚藍: 934 | RGB: 112,243,255 CMYK: 935 | 42,0,7,0 HEX: #70f3ff 936 |; 蔚藍：類似晴朗天空的顏色的一種藍色

939 |

寶藍: 943 | RGB: 75,92,196 CMYK: 78,69,0,0 944 | HEX: #4b5cc4 945 |; 947 | 寶藍：鮮艷明亮的藍色（注：英文中為 RoyalBlue 948 | 即皇家藍色，是皇室選用的色彩，多和小面積純黃色（金色）配合使用。） 949 |

951 |

藍灰色: 958 | RGB: 161,175,201 CMYK: 959 | 37,25,10,0 HEX: #a1afc9 960 |; 藍灰色：一種近於灰略帶藍的深灰色

963 |

藏青: 967 | RGB: 46,78,126 CMYK: 968 | 91,74,26,10 HEX: #2e4e7e 969 |; 藏青：藍而近黑

972 |

藏藍: 976 | RGB: 59,46,126 CMYK: 977 | 95,100,15,4 HEX: #3b2e7e 978 |; 藏藍：藍裡略透紅色

981 |

黛: 985 | RGB: 74,66,102 CMYK: 986 | 77,78,35,22 HEX: #4a4266 987 |; 黛：青黑色的顏料。古代女子用以畫眉。

990 |

黛綠: 994 | RGB: 66,102,102 CMYK: 995 | 76,46,53,22 HEX: #426666 996 |; 黛綠：墨綠。

999 |

黛藍: 1003 | RGB: 66,80,102 CMYK: 1004 | 78,64,41,24 HEX: #425066 1005 |; 黛藍：深藍色

1008 |

黛紫: 1012 | RGB: 87,66,102 CMYK: 1013 | 71,79,36,22 HEX: #574266 1014 |; 黛紫：深紫色

1017 |

紫色: 1021 | RGB: 141,75,187 CMYK: 1022 | 56,79,0,0 HEX: #8d4bbb 1023 |; 1025 | 紫色：藍和紅組成的顏色。古人以紫為祥瑞的顏色。代指與帝王、皇宮有關的事物。 1026 |

1028 |

紫醬: 1032 | RGB: 129,84,99 CMYK: 1033 | 46,70,45,19 HEX: #815463 1034 |; 紫醬：渾濁的紫色

1037 |

醬紫: 1041 | RGB: 129,84,118 CMYK: 1042 | 52,74,33,10 HEX: #815476 1043 |; 醬紫：紫中略帶紅的顏色

1046 |

紫檀: 1050 | RGB: 76,34,27 CMYK: 1051 | 43,79,77,63 HEX: #4c221b 1052 |; 紫檀：檀木的顏色，也稱烏檀色烏木色

1055 |

紺青: 1059 | RGB: 0,51,113 CMYK: 1060 | 100,88,28,16 HEX: #003371 1061 |; 紺青紺紫：純度較低的深紫色

1064 |

紫棠: 1068 | RGB: 86,0,79 CMYK: 1069 | 66,100,33,36 HEX: #56004f 1070 |; 紫棠：黑紅色

1073 |

青蓮: 1077 | RGB: 128,29,174 CMYK: 1078 | 64,92,0,0 HEX: #801dae 1079 |; 青蓮：偏藍的紫色

1082 |

群青: 1086 | RGB: 76,141,174 CMYK: 1087 | 72,34,20,1 HEX: #4c8dae 1088 |; 群青：深藍色

1091 |

雪青: 1098 | RGB: 176,164,227 CMYK: 1099 | 30,34,0,0 HEX: #b0a4e3 1100 |; 雪青：淺藍紫色

1103 |

丁香色: 1110 | RGB: 204,164,227 CMYK: 1111 | 20,37,0,0 HEX: #cca4e3 1112 |; 1114 | 丁香色：紫丁香的顏色，淺淺的紫色，很嬌柔淡雅的色彩 1115 |

1117 |

藕色: 1124 | RGB: 237,209,216 CMYK: 1125 | 5,19,7,0 HEX: #edd1d8 1126 |; 藕色：淺灰而略帶紅的顏色

1129 |

藕荷色: 1136 | RGB: 228,198,208 CMYK: 1137 | 9,23,8,0 HEX: #e4c6d0 1138 |; 藕荷色：淺紫而略帶紅的顏色

1141 |

蒼色: 1148 | RGB: 117,135,138 CMYK: 1149 | 58,38,40,0 HEX: #75878a 1150 |; 蒼色：即各種顏色摻入黑色後的顏色，如蒼翠

1153 |

蒼黃: 1157 | RGB: 81,154,115 CMYK: 1158 | 71,20,67,3 HEX: #519a73 1159 |

1162 |

蒼青: 1169 | RGB: 162,155,124 CMYK: 1170 | 38,33,55,3 HEX: #a29b7c 1171 |

1174 |

蒼黑: 1181 | RGB: 115,151,171 CMYK: 1182 | 58,32,25,1 HEX: #7397ab 1183 |

1186 |

蒼白: 1193 | RGB: 209,217,224 CMYK: 1194 | 17,9,7,0 HEX: #d1d9e0 1195 |

1198 |

水色: 1205 | RGB: 136,173,166 CMYK: 1206 | 49,20,35,0 HEX: #88ada6 1207 |

1210 |

水紅: 1217 | RGB: 243,211,231 CMYK: 1218 | 2,19,0,0 HEX: #f3d3e7 1219 |

1222 |

水綠: 1229 | RGB: 212,242,231 CMYK: 1230 | 16,0,11,0 HEX: #d4f2e7 1231 |

1234 |

水藍: 1241 | RGB: 210,240,244 CMYK: 1242 | 16,0,4,0 HEX: #d2f0f4 1243 |

1246 |

淡青: 1253 | RGB: 211,224,243 CMYK: 1254 | 15,7,0,0 HEX: #d3e0f3 1255 |

1258 |

湖藍: 1262 | RGB: 48,223,243 CMYK: 1263 | 57,0,10,0 HEX: #30dff3 1264 |

1267 |

湖綠: 1271 | RGB: 37,248,203 CMYK: 1272 | 55,0,36,0 HEX: #25f8cb 1273 |

1276 |

精白: 1283 | RGB: 255,255,255 CMYK: 0,0,0,0 1284 | HEX: #ffffff 1285 |; 精白：純白，潔白，淨白，粉白。

1288 |

像牙白: 1295 | RGB: 255,251,240 CMYK: 0,1,5,0 1296 | HEX: #fffbf0 1297 |; 像牙白：乳白色

1300 |

雪白: 1307 | RGB: 240,252,255 CMYK: 4,0,1,0 1308 | HEX: #f0fcff 1309 |; 雪白：如雪般潔白

1312 |

月白: 1319 | RGB: 214,236,240 CMYK: 1320 | 15,1,4,0 HEX: #d6ecf0 1321 |; 月白：淡藍色

1324 |

縞: 1331 | RGB: 242,236,222 CMYK: 1332 | 4,5,12,0 HEX: #f2ecde 1333 |; 縞：白色

1336 |

素: 1343 | RGB: 224,240,233 CMYK: 1344 | 11,1,9,0 HEX: #e0f0e9 1345 |; 素：白色，無色

1348 |

荼白: 1355 | RGB: 243,249,241 CMYK: 3,0,5,0 1356 | HEX: #f3f9f1 1357 |; 荼白：如荼之白色

1360 |

霜色: 1367 | RGB: 233,241,246 CMYK: 7,2,1,0 1368 | HEX: #e9f1f6 1369 |; 霜色：白霜的顏色

1372 |

花白: 1379 | RGB: 194,204,208 CMYK: 1380 | 24,13,14,0 HEX: #c2ccd0 1381 |; 1383 | 花白：白色和黑色混雜的。斑白的夾雜有灰色的白 1384 |

1386 |

魚肚白: 1393 | RGB: 252,239,232 CMYK: 1,6,6,0 1394 | HEX: #fcefe8 1395 |; 1397 | 魚肚白：似魚腹部的顏色，多指黎明時東方的天色顏色 1398 |

1400 |

瑩白: 1407 | RGB: 227,249,253 CMYK: 9,0,1,0 1408 | HEX: #e3f9fd 1409 |; 瑩白：晶瑩潔白

1412 |

灰色: 1419 | RGB: 128,128,128 CMYK: 1420 | 52,43,43,0 HEX: #808080 1421 |; 灰色：黑色和白色混和成的一種顏色

1424 |

牙色: 1431 | RGB: 238,222,176 CMYK: 1432 | 7,10,35,0 HEX: #eedeb0 1433 |; 牙色：與像牙相似的淡黃色（注：暖白）

1436 |

鉛白: 1443 | RGB: 240,240,244 CMYK: 4,3,2,0 1444 | HEX: #f0f0f4 1445 |; 1447 | 鉛白：鉛粉的白色。鉛粉，國畫顏料，日久易氧化“返鉛”變黑。鉛粉在古時用以搽臉的化妝品。 1448 | （注：冷白） 1449 |

1451 |

玄色: 1455 | RGB: 98,42,29 CMYK: 1456 | 37,82,84,51 HEX: #622a1d 1457 |; 玄色：赤黑色，黑中帶紅的顏色，又泛指黑色

1460 |

玄青: 1464 | RGB: 61,59,79 CMYK: 1465 | 76,73,46,39 HEX: #3d3b4f 1466 |; 玄青：深黑色

1469 |

烏色: 1473 | RGB: 114,94,130 CMYK: 1474 | 61,67,28,8 HEX: #725e82 1475 |; 烏色：暗而呈黑的顏色

1478 |

烏黑: 1482 | RGB: 57,47,65 CMYK: 1483 | 74,76,49,49 HEX: #392f41 1484 |; 烏黑：深黑

1487 |

漆黑: 1491 | RGB: 22,24,35 CMYK: 1492 | 81,74,57,73 HEX: #161823 1493 |; 漆黑：非常黑的

1496 |

墨色: 1500 | RGB: 80,97,109 CMYK: 1501 | 71,54,44,19 HEX: #50616d 1502 |; 墨色：即黑色

1505 |

墨灰: 1512 | RGB: 117,138,153 CMYK: 1513 | 58,39,31,2 HEX: #758a99 1514 |; 墨灰：即黑灰

1517 |

黑色: 1521 | RGB: 0,0,0 CMYK: 75,68,67,90 1522 | HEX: #000000 1523 |; 1525 | 黑色：亮度最低的非彩色的或消色差的物體的顏色；最暗的灰色；被認為特別屬於那些既不能反射、又不能透過能使人感覺到的微小入射光的物體,任何亮度很低的物體顏色。 1526 |

1528 |

緇色: 1532 | RGB: 73,49,49 CMYK: 1533 | 54,70,63,56 HEX: #493131 1534 |; 緇色：帛黑色

1537 |

煤黑: 1541 | RGB: 49,37,32 CMYK: 1542 | 61,67,69,70 HEX: #312520 1543 |; 煤黑像牙黑：都是黑，不過有冷暖之分。

1546 |

黧: 1550 | RGB: 93,81,60 CMYK: 1551 | 54,55,73,38 HEX: #5d513c 1552 |; 黧：黑中帶黃的顏色

1555 |

黎: 1559 | RGB: 117,102,77 CMYK: 1560 | 49,50,70,24 HEX: #75664d 1561 |; 黎：黑中帶黃似黎草色

1564 |

黝: 1571 | RGB: 107,104,130 CMYK: 1572 | 63,58,33,9 HEX: #6b6882 1573 |; 黝：本義為淡黑色或微青黑色。

1576 |

黝黑: 1580 | RGB: 102,87,87 CMYK: 1581 | 56,59,54,28 HEX: #665757 1582 |; 黝黑：（皮膚暴露在太陽光下而曬成的）青黑色

1585 |

黯: 1589 | RGB: 65,85,93 CMYK: 1590 | 76,56,50,29 HEX: #41555d 1591 |; 黯：深黑色、泛指黑色

1594 |

赤金: 1598 | RGB: 242,190,69 CMYK: 1599 | 5,26,85,0 HEX: #f2be45 1600 |; 赤金：足金的顏色

1603 |

金色: 1610 | RGB: 234,205,118 CMYK: 1611 | 9,16,64,0 HEX: #eacd76 1612 |; 金色：平均為深黃色帶光澤的顏色

1615 |

銀白: 1622 | RGB: 233,231,239 CMYK: 7,7,2,0 1623 | HEX: #e9e7ef 1624 |; 銀白：帶銀光的白色

1627 |

銅綠: 1631 | RGB: 84,150,136 CMYK: 1632 | 69,24,51,3 HEX: #549688 1633 |

1636 |

烏金: 1640 | RGB: 167,142,68 CMYK: 1641 | 34,38,87,7 HEX: #a78e44 1642 |

1645 |

老銀: 1652 | RGB: 186,202,198 CMYK: 1653 | 27,12,20,0 HEX: #bacac6 1654 |; 老銀：金屬氧化後的色彩

1657 |

1658 | {{> footer }} 1659 |

1660 | 1661 | 1662 | --------------------------------------------------------------------------------