創建於 07/08/2025 20:00
  1

Accessible Neural Style Guide

  • Contrast Mint
    #d0f4de
  • Voice Yellow
    #fde74c
  • Command Charcoal
    #282828
  • Instruction Rose
    #ffb3c6
  • UX Light
    #fdfdfd
Loading...
調色盤由 光, 黑暗的 種顏色組成. 強調色 Contrast Mint #d0f4de 和 Instruction Rose #ffb3c6. 調色盤有 涼爽的, 溫暖的, 中性的 色溫.

依亮度,此調色盤由 #282828(最深)到 #FDFDFD(最淺)。 亮度範圍較寬。

整體飽和度偏鮮明(彩度較高)。

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

整體色溫偏暖。

HEX 代碼(排序):#282828, #D0F4DE, #FDE74C, #FDFDFD, #FFB3C6

調色盤 Accessible Neural Style Guide 具有 5 程式碼顏色的組合:
十六進位: #d0f4de, RGB: (208, 244, 222); 十六進位: #fde74c, RGB: (253, 231, 76); 十六進位: #282828, RGB: (40, 40, 40)
十六進位: #ffb3c6, RGB: (255, 179, 198); 十六進位: #fdfdfd, RGB: (253, 253, 253)
調色板顏色的簡化版本
色調 honeydew, 陰影 gold, 陰影 黑色的, 色調 lightpink, 色調 白色的
配色方案是由 colorstudio

調色盤中的顏色代碼

Accessible Neural Style Guide 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#d0f4de #d0f4de RGB(208, 244, 222)Contrast Mint
#fde74c #fde74c RGB(253, 231, 76)Voice Yellow
#282828 #282828 RGB(40, 40, 40)Command CharcoalDire Wolf
#ffb3c6 #ffb3c6 RGB(255, 179, 198)Instruction Rose
#fdfdfd #fdfdfd RGB(253, 253, 253)UX LightBrilliance

色彩調色板對比度

6 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#d0f4de
#fde74c
1.05
#d0f4de
#ffb3c6
1.41
#d0f4de
#fdfdfd
1.16
#fde74c
#ffb3c6
1.33
#fde74c
#fdfdfd
1.23
#ffb3c6
#fdfdfd
1.64

圖像調色板 Accessible Neural Style Guide PNG

Loading...
Loading...