創建於 02/03/2023 12:35
  0.1k

Radio buttons card interaction design ui colors

Ruddy
#f8062a
Salmon Pink
#fc8b9c
Red Devil
#810316
Gray (HTML/CSS Gray)
#837c7c
Pale Silver
#d2bec1
Dim Gray
#706568
調色盤由 光, 黑暗的 種顏色組成. 強調色 Ruddy #f8062a 和 Red Devil #810316. 調色盤有 溫暖的, 中性的 色溫.
調色盤 Radio buttons card interaction design ui colors 具有 6 程式碼顏色的組合:
十六進位: #f8062a, RGB: (248, 6, 42); 十六進位: #fc8b9c, RGB: (252, 139, 156); 十六進位: #810316, RGB: (129, 3, 22)
十六進位: #837c7c, RGB: (131, 124, 124); 十六進位: #d2bec1, RGB: (210, 190, 193); 十六進位: #706568, RGB: (112, 101, 104)
調色板顏色的簡化版本
陰影 紅色的, 陰影 lightcoral, 陰影 栗色, 色調 灰色的, 色調 thistle, 色調 dimgrey
配色方案是由 palettespicker

調色盤中的顏色代碼

Radio buttons card interaction design ui colors 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#f8062a RGB(248, 6, 42)Ruddy
#fc8b9c RGB(252, 139, 156)Salmon Pink
#810316 RGB(129, 3, 22)Red Devil
#837c7c RGB(131, 124, 124)Gray (HTML/CSS Gray)
#d2bec1 RGB(210, 190, 193)Pale Silver
#706568 RGB(112, 101, 104)Dim Gray

色彩調色板對比度

7 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#f8062a
#fc8b9c
1.84
#f8062a
#837c7c
1.01
#f8062a
#706568
1.34
#fc8b9c
#837c7c
1.81
#fc8b9c
#d2bec1
1.27
#810316
#706568
1.91

圖像調色板 Radio buttons card interaction design ui colors PNG