Interaction design web product tokens colours

  • Ultramarine Blue
    #4841f8
  • Very Light Blue
    #5c57fc
  • Indigo (Rainbow)
    #25206b
  • Pearly Purple
    #a76ba1
  • Metallic Silver
    #a1a6b5
  • Soldier Green
    #5c582a
  61
創建於 03/15/2023 21:42
調色盤由 半暗, 深色, 淺色 種顏色組成. 強調色 Very Light Blue #5c57fc 和 Soldier Green #5c582a. 調色盤有 冷色, 中性色, 暖色 色溫.

依亮度,此調色盤由 #25206B(最深)到 #A1A6B5(最淺)。 亮度範圍中等。

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

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

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

HEX 代碼(排序):#25206B, #4841F8, #5C57FC, #5C582A, #A1A6B5, #A76BA1

調色盤 Interaction design web product tokens colours 具有 6 程式碼顏色的組合:
HEX: #4841f8, RGB: (72, 65, 248); HEX: #5c57fc, RGB: (92, 87, 252); HEX: #25206b, RGB: (37, 32, 107)
HEX: #a76ba1, RGB: (167, 107, 161); HEX: #a1a6b5, RGB: (161, 166, 181); HEX: #5c582a, RGB: (92, 88, 42)
調色板顏色的簡化版本
暗色調 岩藍色, 暗色調 岩藍色, 淺色調 午夜藍, 淺色調 中蘭紫色, 暗色調 暗灰色, 暗色調 暗橄欖綠
配色方案是由 colorhunt

調色盤中的顏色代碼

Interaction design web product tokens colours 表中顏色代碼 HEX、RGB 訊息

顏色 HEX RGB 名稱 備用名稱
#4841f8 #4841f8 RGB(72, 65, 248)Ultramarine Blue—
#5c57fc #5c57fc RGB(92, 87, 252)Very Light Blue—
#25206b #25206b RGB(37, 32, 107)Indigo (Rainbow)—
#a76ba1 #a76ba1 RGB(167, 107, 161)Pearly Purple—
#a1a6b5 #a1a6b5 RGB(161, 166, 181)Metallic Silver—
#5c582a #5c582a RGB(92, 88, 42)Soldier Green—

色彩調色板對比度

8 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比度
#4841f8
#5c57fc
1.24
#4841f8
#a76ba1
1.55
#4841f8
#5c582a
1.17
#5c57fc
#a76ba1
1.24
#5c57fc
#5c582a
1.46
#25206b
#5c582a
1.92

圖像調色板 Interaction design web product tokens colours png