nbvcvbn
- #362545
- #0125fe
- #af2710
- #399dd0
- #c172e4
- #422c9e
- #7559df
- #ee15e6
- #8b787d
- #a50e94
- #5380b6
- #307b97
- #d45153
- #a45442
- #8c0da3
- #31e276
- #fd8075
- #04068f
- #94f0df
- #5fba45
創建於 06/14/2021 02:42
調色盤由 深色, 半暗, 淺色 種顏色組成. 強調色 #0125fe 和 #fd8075. 調色盤有 冷色, 暖色, 中性色 色溫.
依亮度,此調色盤由 #04068F(最深)到 #94F0DF(最淺)。 亮度範圍較寬。
整體飽和度偏鮮明(彩度較高)——70% 的顏色偏鮮明。
部分顏色在色輪上大致相對,為調色盤帶來互補對比。
整體色溫偏冷(20 中有 15)。
HEX 代碼(排序):#0125FE, #04068F, #307B97, #31E276, #362545, #399DD0, #422C9E, #5380B6, #5FBA45, #7559DF, #8B787D, #8C0DA3, #94F0DF, #A45442, #A50E94, #AF2710, #C172E4, #D45153, #EE15E6, #FD8075
調色盤 nbvcvbn 具有 20 程式碼顏色的組合:
HEX: #362545, RGB: (54, 37, 69); HEX: #0125fe, RGB: (1, 37, 254); HEX: #af2710, RGB: (175, 39, 16)
HEX: #399dd0, RGB: (57, 157, 208); HEX: #c172e4, RGB: (193, 114, 228); HEX: #422c9e, RGB: (66, 44, 158)
HEX: #7559df, RGB: (117, 89, 223); HEX: #ee15e6, RGB: (238, 21, 230); HEX: #8b787d, RGB: (139, 120, 125)
HEX: #a50e94, RGB: (165, 14, 148); HEX: #5380b6, RGB: (83, 128, 182); HEX: #307b97, RGB: (48, 123, 151)
HEX: #d45153, RGB: (212, 81, 83); HEX: #a45442, RGB: (164, 84, 66); HEX: #8c0da3, RGB: (140, 13, 163)
HEX: #31e276, RGB: (49, 226, 118); HEX: #fd8075, RGB: (253, 128, 117); HEX: #04068f, RGB: (4, 6, 143)
HEX: #94f0df, RGB: (148, 240, 223); HEX: #5fba45, RGB: (95, 186, 69)
調色板顏色的簡化版本
淺色調 午夜藍, 淺色調 藍色, 暗色調 耐火磚紅, 淺色調 道奇藍, 暗色調 蘭紫色, 暗色調 暗岩藍色, 淺色調 岩藍色, 淺色調 品紅, 暗色調 灰色, 淺色調 暗洋紅色, 淺色調 鋼藍色, 暗色調 鋼藍色, 暗色調 印度紅, 淺色調 赭色, 淺色調 暗洋紅色, 暗色調 春綠色, 淺色調 鮭紅色, 淺色調 暗藍色, 暗色調 淡綠松石色, 淺色調 檸檬綠
配色方案是由 Andrewf77
調色盤中的顏色代碼
nbvcvbn 表中顏色代碼 HEX、RGB 訊息
| 顏色 | HEX | RGB | 名稱 | 備用名稱 |
|---|---|---|---|---|
| #362545 | #362545 | RGB(54, 37, 69) | — | — |
| #0125fe | #0125fe | RGB(1, 37, 254) | — | — |
| #af2710 | #af2710 | RGB(175, 39, 16) | — | — |
| #399dd0 | #399dd0 | RGB(57, 157, 208) | — | — |
| #c172e4 | #c172e4 | RGB(193, 114, 228) | — | — |
| #422c9e | #422c9e | RGB(66, 44, 158) | — | — |
| #7559df | #7559df | RGB(117, 89, 223) | — | — |
| #ee15e6 | #ee15e6 | RGB(238, 21, 230) | — | — |
| #8b787d | #8b787d | RGB(139, 120, 125) | — | — |
| #a50e94 | #a50e94 | RGB(165, 14, 148) | — | — |
| #5380b6 | #5380b6 | RGB(83, 128, 182) | — | — |
| #307b97 | #307b97 | RGB(48, 123, 151) | — | — |
| #d45153 | #d45153 | RGB(212, 81, 83) | — | — |
| #a45442 | #a45442 | RGB(164, 84, 66) | — | — |
| #8c0da3 | #8c0da3 | RGB(140, 13, 163) | — | — |
| #31e276 | #31e276 | RGB(49, 226, 118) | — | — |
| #fd8075 | #fd8075 | RGB(253, 128, 117) | — | — |
| #04068f | #04068f | RGB(4, 6, 143) | — | — |
| #94f0df | #94f0df | RGB(148, 240, 223) | — | — |
| #5fba45 | #5fba45 | RGB(95, 186, 69) | — | — |
色彩調色板對比度
102 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比度 |
|---|---|---|
#362545 | #0125fe | 1.78 |
#362545 | #422c9e | 1.38 |
#362545 | #8c0da3 | 1.79 |
#362545 | #04068f | 1.05 |
#0125fe | #af2710 | 1.15 |
#0125fe | #422c9e | 1.29 |
圖像調色板 nbvcvbn png
匯出調色盤
下載 "nbvcvbn" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
