JavaScript Dashboard Flow State
- Logic Mint#aaf0d1
- Variable Ink#1a1a1a
- UI Panel Grey#d9d9d9
- Breakpoint Coral#ff6f61
- Form Element Blue#4682b4
- UX Paper White#ffffff
創建於 07/07/2025 17:23
調色盤由 淺色, 深色 種顏色組成. 強調色 Logic Mint #aaf0d1 和 Breakpoint Coral #ff6f61. 調色盤有 冷色, 中性色, 暖色 色溫.
依亮度,此調色盤由 #1A1A1A(最深)到 #FFFFFF(最淺)。 亮度範圍較寬。
飽和度混合——6 種顏色中有 3 種柔和、2 種鮮明。
部分顏色在色輪上大致相對,為調色盤帶來互補對比。
整體色溫偏冷(6 中有 2)。
HEX 代碼(排序):#1A1A1A, #4682B4, #AAF0D1, #D9D9D9, #FF6F61, #FFFFFF
調色盤 JavaScript Dashboard Flow State 具有 6 程式碼顏色的組合:
HEX: #aaf0d1, RGB: (170, 240, 209); HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #d9d9d9, RGB: (217, 217, 217)
HEX: #ff6f61, RGB: (255, 111, 97); HEX: #4682b4, RGB: (70, 130, 180); HEX: #ffffff, RGB: (255, 255, 255)
調色板顏色的簡化版本
淺色調 碧綠色, 淺色調 黑色, 暗色調 庚斯博羅灰, 暗色調 鮭紅色, 鋼藍色, 白色
配色方案是由 colorday
調色盤中的顏色代碼
JavaScript Dashboard Flow State 表中顏色代碼 HEX、RGB 訊息
| 顏色 | HEX | RGB | 名稱 | 備用名稱 |
|---|---|---|---|---|
| #aaf0d1 | #aaf0d1 | RGB(170, 240, 209) | Logic Mint | Magic Mint |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Variable Ink | Gray10 |
| #d9d9d9 | #d9d9d9 | RGB(217, 217, 217) | UI Panel Grey | Gray85 |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Breakpoint Coral | Living Coral |
| #4682b4 | #4682b4 | RGB(70, 130, 180) | Form Element Blue | Steelblue |
| #ffffff | #ffffff | RGB(255, 255, 255) | UX Paper White | White |
色彩調色板對比度
5 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比度 |
|---|---|---|
#aaf0d1 | #d9d9d9 | 1.08 |
#aaf0d1 | #ffffff | 1.3 |
#d9d9d9 | #ff6f61 | 1.93 |
#d9d9d9 | #ffffff | 1.41 |
#ff6f61 | #4682b4 | 1.5 |
圖像調色板 JavaScript Dashboard Flow State png
匯出調色盤
下載 "JavaScript Dashboard Flow State" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
