為什麼我們的眼睛需要互補的調色板方案……以及在何處可以使用它們

互補調色板方案

您知道兩種或兩種以上的顏色如何相互補充的背後實際上是生物科學嗎? 我既不是眼科醫生,也不是驗光師,但是我將在這裡嘗試為像我這樣的簡單人翻譯科學。 讓我們從顏色開始。

顏色就是頻率

一個蘋果是紅色的...對嗎? 好吧,不是真的。 從蘋果表面反射和折射光的頻率使其可以被檢測到,並通過我們的眼睛將其轉換為信號,發送到我們的大腦,我們將其識別為“紅色”。 哎呀,只是想著這件事就傷了我的頭。 確實是…… 顏色 只是光的頻率。 這是電磁頻譜和每種顏色的頻率的視圖:

顏色和電磁光譜

這就是為什麼指向棱鏡的白光會產生彩虹的原因。 真正發生的是,隨著光的折射,晶體正在改變波長的頻率:

棱鏡
水晶棱鏡將白光分散為多種顏色。

你的眼睛是頻率檢測器

您的眼睛實際上只是電磁頻譜上色頻範圍的頻率檢測器。 您檢測顏色的能力是通過眼壁中不同類型的視錐細胞發生的,然後視錐細胞連接到視神經。 每個頻率範圍都由這些視錐細胞中的某些視錐細胞檢測到,然後轉換為信號傳遞到您的視神經,並發送到您的大腦,並在此進行識別。

您是否曾經註意到您可以長時間凝視非常高的對比度,將視線移開並繼續看到與您所看原始顏色不匹配的殘像? 假設這是白牆上的藍色方塊:

一段時間後,眼睛中處理藍光的細胞會變得疲倦,使它們發送到大腦的信號略微減弱。 由於視覺光譜的這一部分受到了輕微抑制,因此,當您凝視著藍色正方形並看著白色的牆壁時,會看到淡淡的橙色餘像。 您所看到的是牆壁上的白色光譜,減去一小部分藍色,您的大腦會變成橙色。

顏色理論101:使互補色為您工作

如果沒有發生這種疲勞,那麼我們的眼睛和大腦就不必費力地解釋他們所看到的多種波長(例如顏色)。

視覺噪聲與和諧

讓我們將聲音與顏色進行類比。 如果您聆聽的頻率和音量互不相同,那麼您會認為這是 噪聲。 這與顏色不同,在顏色中,檢測到的亮度,對比度和顏色可以是 視覺 嘈雜或互補。 在任何視覺媒介中,我們都希望朝著和諧邁進。

這就是為什麼在穿著鮮紅色襯衫的電影背景中看不到多餘內容的原因。 這就是為什麼室內裝飾人員努力工作以在他們正在設計的房間的牆壁,家具,藝術品和其他功能中尋找互補色的原因。 顏色對於根據訪客大腦解釋顏色的難易程度來創建訪客進入時產生的心情至關重要。

您與伴侶的 調色板 相當於以美麗和諧的方式組建樂隊。 就像聲音和樂器的組裝緊密地在音量和頻率上對齊一樣……調色板的互補色也是如此。 調色板設計對於已微調其色彩檢測的專業人士而言,確實是一種藝術形式,但由於可以計算出互補頻率,因此它絕對也是一門計算科學。

即將有更多關於和聲的知識……讓我們回到色彩理論。

RGB顏色

數字光譜中的像素是紅色,綠色和藍色的組合。 紅色= 0,綠色= 0,藍色= 0顯示為 白色 紅色= 255,綠色= 255和藍色= 255被視為 黑色。 兩者之間的所有內容都是由這三種顏色組成的不同顏色。 計算補色的基本原理非常簡單……只需為新的RGB值從255中減去RGB值即可。 這是一個例子:

橙色和藍色之間的這種光頻率差異相距甚遠,足以形成對比,但相差無幾,以至於我們的眼睛難以理解。 顏色頻率與我們的接收器互補且令人愉悅!

計算一種顏色很容易……計算3種或更多互補色需要您計算每個選項之間的等效數量。 這就是為什麼 調色板方案生成器 進來很方便! 這些工具只需要很少的計算,就可以為您提供幾種可以相互補充的顏色。

色輪

使用色輪可以最好地了解顏色之間的關係。 顏色不是根據它們的相對頻率排列成一個圓圈。 徑向距離是顏色的飽和度以及作為顏色色調的圓上的方位角位置。

色輪

有趣的事實: 艾薩克·牛頓爵士(Isaac Newton)爵士於1665年首先開發了色輪,這是他對棱鏡進行實驗的基礎。 他的實驗提出了以下理論:紅色,黃色和藍色是所有其他顏色的原色。 旁注...他甚至在每種顏色上都使用了音樂“註解”。

用和諧武裝我……

牛頓色環

顏色和聲的類型

之間的關係以及如何計算每組互補色被稱為 和聲。 這是一個很棒的概述視頻:

每種類型有不同的特徵:

  • 類似的 –在色輪上彼此相鄰的顏色組。 
  • 單色 –源自單一基本色調並使用其陰影,色調和色調擴展的組。
  • 黑社會 –周圍均勻分佈的顏色組 顏色 輪
  • 補充 –在色輪上彼此相反的顏色組。
  • 分割互補 –補語的變體,其中使用與補語相鄰的兩種顏色。
  • 矩形(四邊形) –使用排列成兩個互補對的四種顏色
  • 方形 –與矩形類似,但所有四種顏色在色環周圍均勻分佈
  • 複合 –顏色和與其互補色相鄰的兩種顏色
  • 燈罩 –調整原色的色調(增加亮度)或陰影(暗度)。

這些不是主觀主題,它們是實際的數學計算,並且應用了漂亮的名稱,有助於我們更好地理解這些計算。

調色板方案生成器

使用調色板方案生成器,您可以得到漂亮的,互補的顏色組合,如下所示:

在客戶端站點上工作時,我經常使用調色板方案生成器。 因為我不是顏色專家,所以這些工具可以幫助我更好地選擇背景,邊框,頁腳背景,主按鈕和輔助按鈕顏色。 結果是一個使網站更加令人愉悅的網站! 從廣告到整個網站,這都是適用於任何設計的微妙,強大的策略。

以下是一些出色的調色板方案生成器:

  • 土磚 –多達5種顏色的出色工具,您可以在其中測試不同類型,進行調整,甚至將主題保存在任何Adobe產品中。
  • 品牌色彩 –周圍最大的官方品牌顏色代碼集合。
  • canva –上傳照片,他們將用它作為您調色板的基礎!
  • Colllor –只需單擊幾下即可生成一致的Web調色板。 
  • 色彩設計師 –只需選擇一種顏色或使用預先選擇的顏色,剩下的就由應用程序完成。 
  • 尋色 –免費開放的平台,可提供數千種精選的流行趨勢來激髮色彩靈感
  • 卡樂庫勒 –為Instagram生成一個調色板,使其更加美觀。
  • Colormind –使用深度學習的配色方案生成器。 它可以從照片,電影和流行藝術中學習色彩樣式。
  • 色彩空間 –只需輸入一到三種顏色並生成一些方案即可!
  • 顏色代碼 –在整個屏幕上提供非常酷的體驗,可在左側創建多種和聲樣式來創建您的調色板。
  • COLOURlovers –一個創意社區,來自世界各地的人們可以創建和共享顏色,調色板和圖案,討論最新趨勢並探索色彩繽紛的文章。
  • 冷卻器 –創建完美的調色板或從數千種美麗的配色方案中獲得啟發。
  • 數據顏色選擇器 –使用調色板選擇器創建一系列的顏色,這些顏色是 視覺等距
  • 赫羅馬 –使用AI來學習喜歡的顏色,並創建調色板以供發現,搜索和保存。
  • 材料設計 –為您的UI創建,共享和應用配色方案。 它甚至附帶了您的應用程序的導出功能!
  • Muzli顏色 –添加顏色名稱或代碼,並生成漂亮的調色板。
  • Paletton –選擇一種基本顏色並受到啟發。
  • 涼台 –從眾多驚人的調色板中獲得啟發。 

顏色和輔助功能

在決定設計下一個調色板方案時,請記住,有大量視力障礙和色彩缺陷的人需要與您的體驗進行交互。

  • 對比 –每個獨立的顏色都有一個 亮度。 覆蓋物和相鄰對象的顏色必須具有4.5:1的相對亮度比,以使有視覺障礙的人能夠區分它們。 我不會自己嘗試計算比率的麻煩,您可以使用來測試兩種顏色的比率 可著色的, 對比度, 要么 色彩安全.
  • 影像學 –用紅色突出顯示一個字段不會對有顏色不足的人有所幫助。 確保應用某種消息或圖標,以使他們也知道存在問題。
  • 集中 –許多人使用鍵盤或屏幕閱讀器進行導航。 確保您的用戶界面設計正確,帶有所有可訪問性標籤,以使他們可以利用您的網站。 對於有視覺障礙的人,使用空白以及在不破壞佈局的情況下增加或減小字體大小的能力至關重要。

您是眼科專家嗎? 色彩專家? 輔助功能專家? 請隨時為我提供任何改進本文的指導!

你覺得呢?

本網站使用Akismet來減少垃圾郵件。 了解您的評論如何處理.