Fardiansyah's Dev Team
- Red#f44336
- Pink#e81e63
- Purple#9c27b0
- Deep Purple#673ab7
- Indigo#3f51b5
- Blue#2196f3
- Light Blue#03a9f4
- Cyan#00bcd4
- Teal#009688
- Green#4caf50
- Light Green#8bc34a
- Lime#cddc39
- Yellow#ffeb3b
- Amber#ffc107
- Orange#ff9800
- Deep Orange#ff5722
創建於 11/07/2024 08:26
調色盤由 淺色, 半暗 種顏色組成. 強調色 Cyan #00bcd4 和 Yellow #ffeb3b. 調色盤有 暖色, 冷色 色溫.
依亮度，此調色盤由 #673AB7（最深）到 #FFEB3B（最淺）。 亮度範圍中等。
整體飽和度偏鮮明（彩度較高）——75% 的顏色偏鮮明。
部分顏色在色輪上大致相對，為調色盤帶來互補對比。
整體色溫偏冷（16 中有 9）。
HEX 代碼（排序）：#009688, #00BCD4, #03A9F4, #2196F3, #3F51B5, #4CAF50, #673AB7, #8BC34A, #9C27B0, #CDDC39, #E81E63, #F44336, #FF5722, #FF9800, #FFC107, #FFEB3B
調色盤 Fardiansyah's Dev Team 具有 16 程式碼顏色的組合:
HEX: #f44336, RGB: (244, 67, 54); HEX: #e81e63, RGB: (232, 30, 99); HEX: #9c27b0, RGB: (156, 39, 176)
HEX: #673ab7, RGB: (103, 58, 183); HEX: #3f51b5, RGB: (63, 81, 181); HEX: #2196f3, RGB: (33, 150, 243)
HEX: #03a9f4, RGB: (3, 169, 244); HEX: #00bcd4, RGB: (0, 188, 212); HEX: #009688, RGB: (0, 150, 136)
HEX: #4caf50, RGB: (76, 175, 80); HEX: #8bc34a, RGB: (139, 195, 74); HEX: #cddc39, RGB: (205, 220, 57)
HEX: #ffeb3b, RGB: (255, 235, 59); HEX: #ffc107, RGB: (255, 193, 7); HEX: #ff9800, RGB: (255, 152, 0)
HEX: #ff5722, RGB: (255, 87, 34)
調色板顏色的簡化版本
暗色調 番茄紅, 淺色調 緋紅色, 暗色調 暗蘭紫色, 暗色調 藍紫色, 暗色調 岩藍色, 淺色調 道奇藍, 暗色調 深天藍色, 暗色調 暗綠松石色, 淺色調 暗青色, 暗色調 中海綠色, 暗色調 黃綠色, 淺色調 黃綠色, 暗色調 黃色, 暗色調 金色, 淺色調 暗橙色, 淺色調 橙紅色
配色方案是由 Fardiansyah
調色盤中的顏色代碼
Fardiansyah's Dev Team 表中顏色代碼 HEX、RGB 訊息
| 顏色 | HEX | RGB | 名稱 | 備用名稱 |
|---|---|---|---|---|
| #f44336 | #f44336 | RGB(244, 67, 54) | Red | — |
| #e81e63 | #e81e63 | RGB(232, 30, 99) | Pink | — |
| #9c27b0 | #9c27b0 | RGB(156, 39, 176) | Purple | — |
| #673ab7 | #673ab7 | RGB(103, 58, 183) | Deep Purple | — |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | Indigo | — |
| #2196f3 | #2196f3 | RGB(33, 150, 243) | Blue | — |
| #03a9f4 | #03a9f4 | RGB(3, 169, 244) | Light Blue | — |
| #00bcd4 | #00bcd4 | RGB(0, 188, 212) | Cyan | — |
| #009688 | #009688 | RGB(0, 150, 136) | Teal | — |
| #4caf50 | #4caf50 | RGB(76, 175, 80) | Green | — |
| #8bc34a | #8bc34a | RGB(139, 195, 74) | Light Green | — |
| #cddc39 | #cddc39 | RGB(205, 220, 57) | Lime | — |
| #ffeb3b | #ffeb3b | RGB(255, 235, 59) | Yellow | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | Amber | — |
| #ff9800 | #ff9800 | RGB(255, 152, 0) | Orange | — |
| #ff5722 | #ff5722 | RGB(255, 87, 34) | Deep Orange | — |
色彩調色板對比度
74 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比度 |
|---|---|---|
#f44336 | #e81e63 | 1.18 |
#f44336 | #9c27b0 | 1.71 |
#f44336 | #673ab7 | 1.98 |
#f44336 | #3f51b5 | 1.86 |
#f44336 | #2196f3 | 1.17 |
#f44336 | #03a9f4 | 1.4 |
圖像調色板 Fardiansyah's Dev Team png
匯出調色盤
下載 "Fardiansyah's Dev Team" 多種格式，以便無縫整合到您的設計專案中。
可用格式：