Ui design landing page architecture blog colors palette

  • Steel Blue
    #368cb4
  • Cornflower
    #97d2dc
  • Café Noir
    #4c2c1c
  • Steel Teal
    #598094
  • Dark Sky Blue
    #98bccc
  • Royal Brown
    #53392b
  69
創建於 03/07/2023 13:59
作者raccoon
調色盤由 淺色, 深色, 半暗 種顏色組成. 強調色 Steel Blue #368cb4 和 Café Noir #4c2c1c. 調色盤有 冷色, 暖色 色溫.

依亮度,此調色盤由 #4C2C1C(最深)到 #97D2DC(最淺)。 亮度範圍中等。

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

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

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

HEX 代碼(排序):#368CB4, #4C2C1C, #53392B, #598094, #97D2DC, #98BCCC

調色盤 Ui design landing page architecture blog colors palette 具有 6 程式碼顏色的組合:
HEX: #368cb4, RGB: (54, 140, 180); HEX: #97d2dc, RGB: (151, 210, 220); HEX: #4c2c1c, RGB: (76, 44, 28)
HEX: #598094, RGB: (89, 128, 148); HEX: #98bccc, RGB: (152, 188, 204); HEX: #53392b, RGB: (83, 57, 43)
調色板顏色的簡化版本
淺色調 鋼藍色, 暗色調 粉藍色, 淺色調 栗色, 暗色調 岩灰色, 暗色調 天藍色, 暗色調 鞍褐色
配色方案是由 raccoon

調色盤中的顏色代碼

Ui design landing page architecture blog colors palette 表中顏色代碼 HEX、RGB 訊息

顏色 HEX RGB 名稱 備用名稱
#368cb4 #368cb4 RGB(54, 140, 180)Steel Blue—
#97d2dc #97d2dc RGB(151, 210, 220)Cornflower—
#4c2c1c #4c2c1c RGB(76, 44, 28)Café Noir—
#598094 #598094 RGB(89, 128, 148)Steel Teal—
#98bccc #98bccc RGB(152, 188, 204)Dark Sky Blue—
#53392b #53392b RGB(83, 57, 43)Royal Brown—

色彩調色板對比度

4 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比度
#368cb4
#598094
1.12
#368cb4
#98bccc
1.86
#97d2dc
#98bccc
1.2
#4c2c1c
#53392b
1.18

圖像調色板 Ui design landing page architecture blog colors palette png