Frontend Experience Schema

  • UX Dust
    #f7f1e1
  • Input Teal
    #009fb7
  • State Orchid
    #d4a5a5
  • Flowchart Blue
    #9dd9f3
  • Base Ink
    #282828
  31
創建於 07/08/2025 20:02
作者colorday
調色盤由 淺色, 深色 種顏色組成. 強調色 UX Dust #f7f1e1 和 Input Teal #009fb7. 調色盤有 中性色, 冷色, 暖色 色溫.

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

整體飽和度偏鮮明(彩度較高)——60% 的顏色偏鮮明。

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

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

HEX 代碼(排序):#009FB7, #282828, #9DD9F3, #D4A5A5, #F7F1E1

調色盤 Frontend Experience Schema 具有 5 程式碼顏色的組合:
HEX: #f7f1e1, RGB: (247, 241, 225); HEX: #009fb7, RGB: (0, 159, 183); HEX: #d4a5a5, RGB: (212, 165, 165)
HEX: #9dd9f3, RGB: (157, 217, 243); HEX: #282828, RGB: (40, 40, 40)
調色板顏色的簡化版本
暗色調 舊蕾絲色, 暗色調 軍校藍, 淺色調 玫瑰褐色, 淺色調 天藍色, 淺色調 黑色
配色方案是由 colorday

調色盤中的顏色代碼

Frontend Experience Schema 表中顏色代碼 HEX、RGB 訊息

顏色 HEX RGB 名稱 備用名稱
#f7f1e1 #f7f1e1 RGB(247, 241, 225)UX DustCoconut Twist
#009fb7 #009fb7 RGB(0, 159, 183)Input Teal—
#d4a5a5 #d4a5a5 RGB(212, 165, 165)State Orchid—
#9dd9f3 #9dd9f3 RGB(157, 217, 243)Flowchart Blue—
#282828 #282828 RGB(40, 40, 40)Base InkDire Wolf

色彩調色板對比度

4 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比度
#f7f1e1
#d4a5a5
1.91
#f7f1e1
#9dd9f3
1.36
#009fb7
#d4a5a5
1.46
#d4a5a5
#9dd9f3
1.4

圖像調色板 Frontend Experience Schema png