Design ux ui hex colors

  • Minion Yellow
    #ecd454
  • Light Cobalt Blue
    #989ee5
  • Brown Chocolate
    #61243d
  • Olive Green
    #a1ab60
  • Pastel Gray
    #cecebc
  • Soldier Green
    #554c29
  78
創建於 01/24/2023 10:03
作者raccoon
調色盤由 淺色, 半暗 種顏色組成. 強調色 Minion Yellow #ecd454 和 Light Cobalt Blue #989ee5. 調色盤有 暖色, 冷色 色溫.

依亮度,此調色盤由 #61243D(最深)到 #ECD454(最淺)。 亮度範圍中等。

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

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

整體色溫偏暖(6 中有 5)。

HEX 代碼(排序):#554C29, #61243D, #989EE5, #A1AB60, #CECEBC, #ECD454

調色盤 Design ux ui hex colors 具有 6 程式碼顏色的組合:
HEX: #ecd454, RGB: (236, 212, 84); HEX: #989ee5, RGB: (152, 158, 229); HEX: #61243d, RGB: (97, 36, 61)
HEX: #a1ab60, RGB: (161, 171, 96); HEX: #cecebc, RGB: (206, 206, 188); HEX: #554c29, RGB: (85, 76, 41)
調色板顏色的簡化版本
淺色調 金色, 淺色調 矢車菊藍, 淺色調 紫色, 暗色調 暗卡其色, 暗色調 淺灰色, 暗色調 暗橄欖綠
配色方案是由 raccoon

調色盤中的顏色代碼

Design ux ui hex colors 表中顏色代碼 HEX、RGB 訊息

顏色HEXRGB名稱備用名稱
#ecd454#ecd454RGB(236, 212, 84)Minion Yellow—
#989ee5#989ee5RGB(152, 158, 229)Light Cobalt Blue—
#61243d#61243dRGB(97, 36, 61)Brown Chocolate—
#a1ab60#a1ab60RGB(161, 171, 96)Olive Green—
#cecebc#cecebcRGB(206, 206, 188)Pastel Gray—
#554c29#554c29RGB(85, 76, 41)Soldier Green—

色彩調色板對比度

7 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#ecd454
#989ee5
1.68
#ecd454
#a1ab60
1.65
#ecd454
#cecebc
1.07
#989ee5
#a1ab60
1.01
#989ee5
#cecebc
1.57
#61243d
#554c29
1.34

圖像調色板 Design ux ui hex colors png