在線(xiàn)即可方便的查找中國(guó)傳統(tǒng)顏色，還可以生成漂亮的壁紙。
特征
- 用react.js構(gòu)建???
- 支持PWA???
- 響應(yīng)式（移動(dòng)優(yōu)先）???
- 加亮選中的顏色??
- 分類(lèi)顏色???
- 復(fù)制十六進(jìn)制???
- 添加到收藏夾???
- 除了詩(shī)歌???
- 墻紙/圖像卡（不穩(wěn)定，歡迎反饋）??
技術(shù)堆棧和感謝
- 創(chuàng)建反應(yīng)應(yīng)用
- react.js
- 樣式化組件：CSS-IN-JS最佳實(shí)踐
- eslint +漂亮：代碼更好
- 哈士奇+ commitlint：更好的git commit格式
- html2canvas
- 拼音：將漢字轉(zhuǎn)換為拼音
- react-copy-to-clipboard：?jiǎn)⒂脧?fù)制
- iconfont.cn：圖標(biāo)
- https://www.transparenttextures.com/：很棒的圖案圖片
- 今日詩(shī)詞
- 感謝偉大的開(kāi)源
當(dāng)?shù)匕l(fā)展
克隆：?git clone https://github.com/zerosoul/chinese-colors.git
在里面：?cd chinese-colors && npm install
跑：?npm run start
請(qǐng)享用：?http://localhost:8099/
變更日志
參考
- 顏色數(shù)據(jù)來(lái)源：中國(guó)傳統(tǒng)顏色
- 用戶(hù)界面：nipponcolors.com
支持
補(bǔ)充內(nèi)容
- 原文來(lái)源：詳情
很早之前在一個(gè)日本網(wǎng)站上看過(guò)一個(gè)很不錯(cuò)的顏色排版方式，于是做了一個(gè)中國(guó)版的http://zhongguose.com/。完工后就任其自生自滅，也沒(méi)太關(guān)注。結(jié)果前段時(shí)間在微博上被轉(zhuǎn)發(fā)后，當(dāng)天訪(fǎng)問(wèn)量突然飆升到10w級(jí)，隨之而來(lái)相關(guān)討論和郵件，有鼓勵(lì)有質(zhì)疑，故在此統(tǒng)一回應(yīng)。
先說(shuō)容易懂的，關(guān)于顏色數(shù)值和名字。前人研究請(qǐng)參看：《色譜》與《中國(guó)的傳統(tǒng)色》、《中國(guó)色名綜覽》之色名比較研究。數(shù)值是從《色譜》和其他書(shū)上取的。其中標(biāo)注星號(hào)的例如天青，出處為東方出版社2013年版的《中國(guó)顏色》，這本書(shū)算不上權(quán)威，F(xiàn)B上有讀者質(zhì)疑它使用了曾啟熊教授的研究而沒(méi)有注明，所以只取了這書(shū)上很少的幾種顏色作為補(bǔ)充。
通常來(lái)說(shuō)，禮儀的場(chǎng)合古人傾向使用純度很高顏色（肖世孟. 先秦色彩研究[D]. 武漢大學(xué) 2011），這些顏色在現(xiàn)代印刷、顯示的場(chǎng)景中就太重了。因此經(jīng)典的五色——青、赤、黃、白、黑——沒(méi)有單獨(dú)列出來(lái)，名字直白或者生活中常見(jiàn)的顏色也沒(méi)有選入（例如大紅、灰白）。一言蔽之就是有缺漏但不會(huì)有冗余，只取前人研究過(guò)有據(jù)可查的而不去自己臆造。
第一版是給屏幕校色之后，按照《色譜》上的顏色選擇RBG顏色，用算法轉(zhuǎn)成CMYK，效率低，顏色值也不夠準(zhǔn)確。后來(lái)改成用PS選中色塊，執(zhí)行[去雜色]和[平均]，CMYK采用FORGA39，Dot Gain 15%。我的本業(yè)是Web開(kāi)發(fā)，色彩研究我是外行，如果有更好的數(shù)據(jù)來(lái)源或是更權(quán)威的顏色數(shù)值請(qǐng)告知，我會(huì)及時(shí)更新。
然后說(shuō)說(shuō)網(wǎng)站。網(wǎng)站13年就完工了，那時(shí)代碼里還充斥著-webkit-的寫(xiě)法，這兩年HTML5規(guī)范確定后就用新的方式重寫(xiě)了，除IE這種不支持mask的奇怪瀏覽器，其他瀏覽器都能正常瀏覽。功能不復(fù)雜，沒(méi)有使用jQuery之類(lèi)的DOM框架，react那些視圖綁定的框架就更用不上了。也考慮過(guò)是否基于它來(lái)擴(kuò)展社區(qū)類(lèi)的功能，但沒(méi)有更好的想法前還是保持現(xiàn)狀了。個(gè)人最希望出現(xiàn)一位有愛(ài)的設(shè)計(jì)師，做一個(gè)更中式風(fēng)格的設(shè)計(jì)，這樣可以去掉右下角的Shanzai標(biāo)注。
最后的重點(diǎn)，感謝所有給我建議、鼓勵(lì)，喜歡這個(gè)網(wǎng)站的網(wǎng)友們！
