創建於 08/23/2025 11:53
  16

Accessible Dark UI Toolkit for Web3

  • Eclipse Black
    #121212
  • Panel Graphite
    #2c2c2c
  • Component Teal
    #0097a7
  • Accent Orange
    #ff7043
  • Focus Yellow
    #fdd835
  • Screen White
    #f5f5f5
Loading...
調色盤由 黑暗的, 光 種顏色組成. 強調色 Component Teal #0097a7 和 Accent Orange #ff7043. 調色盤有 中性的, 涼爽的, 溫暖的 色溫.

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

飽和度混合——有柔色也有較鮮明的重點色。

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

整體色溫偏暖。

HEX 代碼(排序):#0097A7, #121212, #2C2C2C, #F5F5F5, #FDD835, #FF7043

調色盤 Accessible Dark UI Toolkit for Web3 具有 6 程式碼顏色的組合:
十六進位: #121212, RGB: (18, 18, 18); 十六進位: #2c2c2c, RGB: (44, 44, 44); 十六進位: #0097a7, RGB: (0, 151, 167)
十六進位: #ff7043, RGB: (255, 112, 67); 十六進位: #fdd835, RGB: (253, 216, 53); 十六進位: #f5f5f5, RGB: (245, 245, 245)
調色板顏色的簡化版本
陰影 黑色的, 陰影 黑色的, 色調 cadetblue, 色調 coral, 陰影 gold
配色方案是由 colourlock

調色盤中的顏色代碼

Accessible Dark UI Toolkit for Web3 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#121212 #121212 RGB(18, 18, 18)Eclipse BlackDark Tone Ink
#2c2c2c #2c2c2c RGB(44, 44, 44)Panel Graphite
#0097a7 #0097a7 RGB(0, 151, 167)Component Teal
#ff7043 #ff7043 RGB(255, 112, 67)Accent Orange
#fdd835 #fdd835 RGB(253, 216, 53)Focus Yellow
#f5f5f5 #f5f5f5 RGB(245, 245, 245)Screen WhiteWhite Smoke

色彩調色板對比度

4 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#121212
#2c2c2c
1.34
#0097a7
#ff7043
1.27
#ff7043
#fdd835
1.96
#fdd835
#f5f5f5
1.27

圖像調色板 Accessible Dark UI Toolkit for Web3 PNG

Loading...
Loading...