Accessible SaaS Interface Theme

  • Compliance Navy
    #264653
  • Trust Teal
    #2a9d8f
  • Clarity White
    #fafafa
  • Onboarding Peach
    #f4a261
  • Contrast Black
    #1b1b1b
  6
創建於 07/08/2025 19:45
作者coolor
調色盤由 半暗, 淺色, 深色 種顏色組成. 強調色 Trust Teal #2a9d8f 和 Onboarding Peach #f4a261. 調色盤有 冷色, 中性色, 暖色 色溫.

依亮度,此調色盤由 #1B1B1B(最深)到 #FAFAFA(最淺)。 亮度範圍較寬。

飽和度混合——5 種顏色中有 2 種柔和、2 種鮮明。

部分顏色在色輪上大致相對,為調色盤帶來互補對比。

整體色溫偏冷(5 中有 2)。

HEX 代碼(排序):#1B1B1B, #264653, #2A9D8F, #F4A261, #FAFAFA

調色盤 Accessible SaaS Interface Theme 具有 5 程式碼顏色的組合:
HEX: #264653, RGB: (38, 70, 83); HEX: #2a9d8f, RGB: (42, 157, 143); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #f4a261, RGB: (244, 162, 97); HEX: #1b1b1b, RGB: (27, 27, 27)
調色板顏色的簡化版本
暗色調 暗岩灰色, 暗色調 淺海綠色, 淺色調 白煙色, 暗色調 沙褐色, 淺色調 黑色
配色方案是由 coolor

調色盤中的顏色代碼

Accessible SaaS Interface Theme 表中顏色代碼 HEX、RGB 訊息

顏色 HEX RGB 名稱 備用名稱
#264653 #264653 RGB(38, 70, 83)Compliance Navy—
#2a9d8f #2a9d8f RGB(42, 157, 143)Trust Teal—
#fafafa #fafafa RGB(250, 250, 250)Clarity WhiteDr. White
#f4a261 #f4a261 RGB(244, 162, 97)Onboarding Peach—
#1b1b1b #1b1b1b RGB(27, 27, 27)Contrast BlackEerie Black

色彩調色板對比度

3 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比度
#264653
#1b1b1b
1.7
#2a9d8f
#f4a261
1.61
#fafafa
#f4a261
1.97

圖像調色板 Accessible SaaS Interface Theme png