Loading...
創建於 04/15/2026 11:46
  1

Hyper Minimal CSS Variable Design System Modern Web Component Library UI

  • Variable Black
    #0d0f15
  • Primary Cyan
    #00c2ff
  • Secondary Mint
    #2ce6b5
  • Accent Pink
    #ff4d9d
  • Warning Amber
    #ffb020
  • Neutral Gray
    #a0a9b8
  • Background White
    #f7faff
  • Border Slate
    #2a2f3a
Loading...
調色盤由 黑暗的, 光 種顏色組成. 強調色 Warning Amber #ffb020 和 Background White #f7faff. 調色盤有 中性的, 涼爽的, 溫暖的 色溫.

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

整體飽和度偏鮮明(彩度較高)。

有些色相成對接近互補位置——可能讀成互補對比(啟發式)。

整體色溫偏冷。

HEX 代碼(排序):#00C2FF, #0D0F15, #2A2F3A, #2CE6B5, #A0A9B8, #F7FAFF, #FF4D9D, #FFB020

調色盤 Hyper Minimal CSS Variable Design System Modern Web Component Library UI 具有 8 程式碼顏色的組合:
十六進位: #0d0f15, RGB: (13, 15, 21); 十六進位: #00c2ff, RGB: (0, 194, 255); 十六進位: #2ce6b5, RGB: (44, 230, 181)
十六進位: #ff4d9d, RGB: (255, 77, 157); 十六進位: #ffb020, RGB: (255, 176, 32); 十六進位: #a0a9b8, RGB: (160, 169, 184)
十六進位: #f7faff, RGB: (247, 250, 255); 十六進位: #2a2f3a, RGB: (42, 47, 58)
調色板顏色的簡化版本
陰影 黑色的, 陰影 deepskyblue, 色調 aquamarine, 色調 hotpink, 陰影 橘子, 色調 darkgrey, 陰影 ghostwhite, 陰影 黑色的
配色方案是由 colourlock

調色盤中的顏色代碼

Hyper Minimal CSS Variable Design System Modern Web Component Library UI 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#0d0f15 #0d0f15 RGB(13, 15, 21)Variable Black
#00c2ff #00c2ff RGB(0, 194, 255)Primary Cyan
#2ce6b5 #2ce6b5 RGB(44, 230, 181)Secondary Mint
#ff4d9d #ff4d9d RGB(255, 77, 157)Accent Pink
#ffb020 #ffb020 RGB(255, 176, 32)Warning Amber
#a0a9b8 #a0a9b8 RGB(160, 169, 184)Neutral Gray
#f7faff #f7faff RGB(247, 250, 255)Background White
#2a2f3a #2a2f3a RGB(42, 47, 58)Border Slate

色彩調色板對比度

14 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#0d0f15
#2a2f3a
1.42
#00c2ff
#2ce6b5
1.28
#00c2ff
#ff4d9d
1.49
#00c2ff
#ffb020
1.13
#00c2ff
#a0a9b8
1.14
#00c2ff
#f7faff
1.97

圖像調色板 Hyper Minimal CSS Variable Design System Modern Web Component Library UI PNG

Loading...
Loading...
Loading...