創建於 03/03/2020 13:25
  0.24k

React uidesign icons material colors palette

  • #436cf3
  • #84a0f2
  • #07237c
  • #a58c5b
  • #d1c0a0
  • #4e6c7d
Loading...
調色盤由 光, 黑暗的 種顏色組成. 強調色 #07237c 和 #d1c0a0. 調色盤有 涼爽的, 溫暖的 色溫.

依亮度,此調色盤由 #07237C(最深)到 #84A0F2(最淺)。 亮度範圍中等。

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

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

整體色溫偏冷。

HEX 代碼(排序):#07237C, #436CF3, #4E6C7D, #84A0F2, #A58C5B, #D1C0A0

調色盤 React uidesign icons material colors palette 具有 6 程式碼顏色的組合:
十六進位: #436cf3, RGB: (67, 108, 243); 十六進位: #84a0f2, RGB: (132, 160, 242); 十六進位: #07237c, RGB: (7, 35, 124)
十六進位: #a58c5b, RGB: (165, 140, 91); 十六進位: #d1c0a0, RGB: (209, 192, 160); 十六進位: #4e6c7d, RGB: (78, 108, 125)
調色板顏色的簡化版本
陰影 royalblue, 陰影 cornflowerblue, 陰影 midnightblue, 陰影 darkgoldenrod, 陰影 tan, 色調 slategrey
配色方案是由 colorswall

調色盤中的顏色代碼

React uidesign icons material colors palette 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#436cf3 #436cf3 RGB(67, 108, 243)
#84a0f2 #84a0f2 RGB(132, 160, 242)
#07237c #07237c RGB(7, 35, 124)
#a58c5b #a58c5b RGB(165, 140, 91)
#d1c0a0 #d1c0a0 RGB(209, 192, 160)
#4e6c7d #4e6c7d RGB(78, 108, 125)

色彩調色板對比度

7 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#436cf3
#84a0f2
1.77
#436cf3
#a58c5b
1.38
#436cf3
#4e6c7d
1.24
#84a0f2
#a58c5b
1.27
#84a0f2
#d1c0a0
1.41
#a58c5b
#d1c0a0
1.8

圖像調色板 React uidesign icons material colors palette PNG

Loading...
Loading...