GBP
- #1abc9c
- #2ecc71
- #3498db
- #9b59b6
- #34495e
- #16a085
- #27ae60
- #2980b9
- #8e44ad
- #2c3e50
- #f1c40f
- #e67e22
- #e74c3c
- #ecf0f1
- #95a5a6
- #f39c12
- #d35400
- #c0392b
- #bdc3c7
- #7f8c8d
創建於 05/04/2018 13:03
調色盤由 淺色, 半暗 種顏色組成. 強調色 #16a085 和 #d35400. 調色盤有 冷色, 暖色, 中性色 色溫.
依亮度，此調色盤由 #2C3E50（最深）到 #ECF0F1（最淺）。 亮度範圍較寬。
整體飽和度偏鮮明（彩度較高）——60% 的顏色偏鮮明。
部分顏色在色輪上大致相對，為調色盤帶來互補對比。
整體色溫偏冷（20 中有 10）。
HEX 代碼（排序）：#16A085, #1ABC9C, #27AE60, #2980B9, #2C3E50, #2ECC71, #34495E, #3498DB, #7F8C8D, #8E44AD, #95A5A6, #9B59B6, #BDC3C7, #C0392B, #D35400, #E67E22, #E74C3C, #ECF0F1, #F1C40F, #F39C12
調色盤 GBP 具有 20 程式碼顏色的組合:
HEX: #1abc9c, RGB: (26, 188, 156); HEX: #2ecc71, RGB: (46, 204, 113); HEX: #3498db, RGB: (52, 152, 219)
HEX: #9b59b6, RGB: (155, 89, 182); HEX: #34495e, RGB: (52, 73, 94); HEX: #16a085, RGB: (22, 160, 133)
HEX: #27ae60, RGB: (39, 174, 96); HEX: #2980b9, RGB: (41, 128, 185); HEX: #8e44ad, RGB: (142, 68, 173)
HEX: #2c3e50, RGB: (44, 62, 80); HEX: #f1c40f, RGB: (241, 196, 15); HEX: #e67e22, RGB: (230, 126, 34)
HEX: #e74c3c, RGB: (231, 76, 60); HEX: #ecf0f1, RGB: (236, 240, 241); HEX: #95a5a6, RGB: (149, 165, 166)
HEX: #f39c12, RGB: (243, 156, 18); HEX: #d35400, RGB: (211, 84, 0); HEX: #c0392b, RGB: (192, 57, 43)
HEX: #bdc3c7, RGB: (189, 195, 199); HEX: #7f8c8d, RGB: (127, 140, 141)
調色板顏色的簡化版本
暗色調 中碧綠色, 淺色調 中海綠色, 淺色調 道奇藍, 暗色調 中蘭紫色, 暗色調 暗岩藍色, 暗色調 淺海綠色, 暗色調 中海綠色, 暗色調 鋼藍色, 淺色調 暗蘭紫色, 暗色調 暗岩藍色, 暗色調 金色, 暗色調 暗橙色, 暗色調 番茄紅, 暗色調 白煙色, 暗色調 暗灰色, 暗色調 橙色, 暗色調 巧克力色, 淺色調 耐火磚紅, 淺色調 銀色, 淺色調 灰色
配色方案是由 kjherb
調色盤中的顏色代碼
GBP 表中顏色代碼 HEX、RGB 訊息
| 顏色 | HEX | RGB | 名稱 | 備用名稱 |
|---|---|---|---|---|
| #1abc9c | #1abc9c | RGB(26, 188, 156) | — | — |
| #2ecc71 | #2ecc71 | RGB(46, 204, 113) | — | — |
| #3498db | #3498db | RGB(52, 152, 219) | — | — |
| #9b59b6 | #9b59b6 | RGB(155, 89, 182) | — | — |
| #34495e | #34495e | RGB(52, 73, 94) | — | — |
| #16a085 | #16a085 | RGB(22, 160, 133) | — | — |
| #27ae60 | #27ae60 | RGB(39, 174, 96) | — | — |
| #2980b9 | #2980b9 | RGB(41, 128, 185) | — | — |
| #8e44ad | #8e44ad | RGB(142, 68, 173) | — | — |
| #2c3e50 | #2c3e50 | RGB(44, 62, 80) | — | — |
| #f1c40f | #f1c40f | RGB(241, 196, 15) | — | — |
| #e67e22 | #e67e22 | RGB(230, 126, 34) | — | — |
| #e74c3c | #e74c3c | RGB(231, 76, 60) | — | — |
| #ecf0f1 | #ecf0f1 | RGB(236, 240, 241) | — | — |
| #95a5a6 | #95a5a6 | RGB(149, 165, 166) | — | — |
| #f39c12 | #f39c12 | RGB(243, 156, 18) | — | — |
| #d35400 | #d35400 | RGB(211, 84, 0) | — | — |
| #c0392b | #c0392b | RGB(192, 57, 43) | — | — |
| #bdc3c7 | #bdc3c7 | RGB(189, 195, 199) | — | — |
| #7f8c8d | #7f8c8d | RGB(127, 140, 141) | — | — |
色彩調色板對比度
119 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比度 |
|---|---|---|
#1abc9c | #2ecc71 | 1.14 |
#1abc9c | #3498db | 1.3 |
#1abc9c | #9b59b6 | 1.93 |
#1abc9c | #16a085 | 1.36 |
#1abc9c | #27ae60 | 1.19 |
#1abc9c | #2980b9 | 1.78 |
圖像調色板 GBP png
匯出調色盤
下載 "GBP" 多種格式，以便無縫整合到您的設計專案中。
可用格式：