顏色戴很多帽子毕谴。品牌將色彩視為心情和知覺。在SASS和LESS功能方面泡垃，開發(fā)看到了顏色析珊。UX設計將色彩視為跨平臺的一致系統(tǒng)∶镅ǎ總體而言忠寻，色彩是傳達不同類型信息的通用工具。
為了改善顏色決策存和，讓我們介紹如何：選擇調色板奕剃，確定顏色優(yōu)先級衷旅，考慮數(shù)據(jù)可視化以及測試可訪問性。
使用顏色理論選擇調色板
了解一些顏色元素將幫助你為調色板選擇正確的顏色纵朋。色輪是牛頓的光實驗的衍生產品柿顶，將為你提供幫助。
色相飽和度
色相是色輪上的特定顏色或等級操软。
飽和度是指顏色的強度嘁锯。在100％飽和度下，色彩是最純凈的聂薪。
色調家乘，色調和陰影
將純色與中性色混合會產生較淺和較深的變化。
淡色?—顏色與白色混合
色調?-與灰色混合的顏色
陰影?-顏色與黑色混合
和諧的調色板
“所有顏色都是鄰居的朋友和對立的情人藏澳∪示猓”?—馬克·夏加爾
這些調色板基于色輪，由和諧地協(xié)同工作的顏色組成翔悠。
我們將介紹單色业崖，相似，互補蓄愁，分裂互補和三重調色板双炕。
單色由色調，色調和一種色調的陰影組成涝登。
用彼此相鄰的三種顏色創(chuàng)建類似的調色板雄家。
互補色包含兩種相反的顏色，可產生高對比度胀滚。
分補互補色由三種顏色組成趟济，
????甲三元調色板具有三個色調圍繞車輪等距隔開
獲得靈感
這是你開始使用自己的調色板的幾種方法顷编。
創(chuàng)建漸變：從和諧調色板創(chuàng)建漸變。
優(yōu)先處理主要和次要
在設計系統(tǒng)中確定顏色的優(yōu)先級并進行定義剑刑。就像直觀的庫一樣媳纬，有組織的顏色可以幫助你的內部團隊找到他們想要的東西。它們還可以幫助你的團隊為用戶創(chuàng)建視覺一致性施掏。力求精確的原色钮惠，足夠的輔助色和清晰的名稱
主要
界面中經(jīng)常使用原色。它們包括商標七芭，交互元素素挽，布局和文本中的顏色。添加一個簡單名稱及其十六進制數(shù)字：violet：＃8322DD
次要
次要顏色偶爾使用狸驳，由基于原色的重音組成预明。通過手工挑選缩赛，CSS函數(shù)（變暗，HSL％變亮）或同時通過兩者創(chuàng)建（Curtis撰糠，2016年）酥馍。輔助顏色可用于表示系統(tǒng)反饋，例如任務成功阅酪，錯誤或警告旨袒。
色調疊
色調堆棧提供了靈活的選擇。嘗試賦予你的團隊足夠的選擇權（3–4個步驟）遮斥，但選擇的范圍不太多峦失，以至于損害了一致性。
你可以使用HSL百分比創(chuàng)建堆棧术吗，以輕松使用CSS函數(shù)實現(xiàn)。包括顏色名稱帆精，HSL亮度（0 -100）和十六進制編號：violet-lighter-20：＃B47AEA较屿。
動手吧
EVA顏色：此AI工具可幫助你基于原色查找通知的輔助顏色。
著色疊層的冷卻器：從一種顏色開始卓练，并以遞增的方式更改HSL亮度隘蝎。
對于數(shù)據(jù)可視化，使用顏色強調數(shù)據(jù)的故事性襟企。根據(jù)數(shù)據(jù)的復雜程度嘱么，你可能需要6–12種顏色才能涵蓋所有用例。創(chuàng)建具有廣泛色相和亮度范圍的靈活色調堆棧顽悼。
數(shù)據(jù)類型和推薦的調色板：
分類
分類由非數(shù)字類別（國家曼振，性別，姓名）組成蔚龙。對于不同的類別冰评，色相在色輪中間隔開的調色板效果最佳堕战。
順序
順序數(shù)據(jù)具有數(shù)字或有序值攀芯。為了指示數(shù)字步長，顏色應逐漸改變色調和亮度萎馅。就像類似的調色板一樣坑填，使用彼此相鄰的色相抛人。較低的值應開始變亮，較高的值將變暗脐瑰。
發(fā)散
差異數(shù)據(jù)還包含數(shù)值妖枚。基本上是兩個相繼的調色板在一個中心點相遇蚪黑。發(fā)散可以具有負值到正值盅惜，或者在頻譜上相反中剩。保持中心點較亮，并允許顏色從中心進一步變暗抒寂。
可視化
讓我們看一些工具结啼，這些工具將使你更輕松地選擇調色板以進行數(shù)據(jù)可視化。
ColorBrewer：瀏覽調色板（順序屈芜，發(fā)散郊愧，分類），并在地圖上可視化它們井佑。
Viz Palette：此工具可讓你在不同的數(shù)據(jù)可視化圖表上查看調色板属铁。
測試你的調色板的可訪問性，以確保具有不同視覺能力的用戶可以看到每種顏色躬翁。對可訪問性進行測試是邁向更加實用和易讀的產品的一步焦蘑，可增強其體驗。盡早檢查并經(jīng)常檢查顏色是否符合萬維網(wǎng)聯(lián)盟（W3C）準則盒发。
對比
尋找背景上文本的足夠顏色對比度例嘱，以及在數(shù)據(jù)可視化中一起使用的顏色之間的對比度。在低對比度的情況下宁舰，文本將變得更難以閱讀拼卵，并且數(shù)據(jù)也難以區(qū)分。W3C建議使用以下對比度：
文字4.5：1
大型文字為3：1（粗體為14pt蛮艰，常規(guī)為18pt）
3：1的圖標
視覺提示
除了傳達重要狀態(tài)的色彩外腋腮，還嘗試使用多種視覺提示。色盲用戶可能無法單獨使用顏色來傳達信息壤蚜。例如即寡，你可以為系統(tǒng)通知添加圖標以及顏色和文本。
無障礙范圍
在背景上創(chuàng)建不同文本顏色的對比對仍律。然后根據(jù)中性色調的進展顯示可訪問范圍嘿悬。這可以幫助你的團隊準確地了解無法訪問的位置。
以下是我們學到的內容的快速回顧：
用色彩理論挑選一個和諧的調色板
將顏色分為主要和次要
考慮數(shù)據(jù)可視化及其數(shù)據(jù)類型
盡早測試色彩可及性
我們將色彩與它的通用光譜結合使用水泉，以試圖表達我們人類體驗的深度善涨。我希望這篇文章對你有所幫助，并且希望你從UX的角度出發(fā)對顏色有了另一種看法草则。
