創建於 05/28/2025 06:19
  1

Oceanic UI Structure

  • Primary Indigo
    #6366f1
  • Secondary Periwinkle
    #a5b4fc
  • Accent Sky
    #38bdf8
  • Background Light
    #f8fafc
  • Surface Cool White
    #ffffff
  • Text Ink
    #1e293b
Loading...
調色盤由 光, 黑暗的 種顏色組成. 強調色 Secondary Periwinkle #a5b4fc 和 Surface Cool White #ffffff. 調色盤有 涼爽的, 中性的 色溫.

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

飽和度混合——6 種顏色中有 1 種柔和、3 種鮮明。

色相分佈偏向鄰近色群的感覺,範圍約 40°(啟發式,非嚴格理論標籤)。

整體色溫偏冷(6 中有 4)。

HEX 代碼(排序):#1E293B, #38BDF8, #6366F1, #A5B4FC, #F8FAFC, #FFFFFF

調色盤 Oceanic UI Structure 具有 6 程式碼顏色的組合:
十六進位: #6366f1, RGB: (99, 102, 241); 十六進位: #a5b4fc, RGB: (165, 180, 252); 十六進位: #38bdf8, RGB: (56, 189, 248)
十六進位: #f8fafc, RGB: (248, 250, 252); 十六進位: #ffffff, RGB: (255, 255, 255); 十六進位: #1e293b, RGB: (30, 41, 59)
調色板顏色的簡化版本
色調 mediumslateblue, 色調 lightsteelblue, 陰影 deepskyblue, 陰影 whitesmoke, 白色的, 陰影 midnightblue
配色方案是由 palettespicker

調色盤中的顏色代碼

Oceanic UI Structure 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#6366f1 #6366f1 RGB(99, 102, 241)Primary Indigo
#a5b4fc #a5b4fc RGB(165, 180, 252)Secondary Periwinkle
#38bdf8 #38bdf8 RGB(56, 189, 248)Accent Sky
#f8fafc #f8fafc RGB(248, 250, 252)Background Light
#ffffff #ffffff RGB(255, 255, 255)Surface Cool WhiteWhite
#1e293b #1e293b RGB(30, 41, 59)Text Ink

色彩調色板對比度

4 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#a5b4fc
#38bdf8
1.07
#a5b4fc
#f8fafc
1.9
#a5b4fc
#ffffff
1.99
#f8fafc
#ffffff
1.04

圖像調色板 Oceanic UI Structure PNG

Loading...
Loading...