創建於 12/03/2024 10:29
5
orange lighten-5
#fff3e0
orange lighten-4
#ffe0b2
orange lighten-3
#ffcc80
orange lighten-2
#ffb74d
orange lighten-1
#ffa726
orange
#ff9800
orange darken-1
#fb8c00
orange darken-2
#f57c00
orange darken-3
#ef6c00
orange darken-4
#e65100
orange accent-1
#ffd180
orange accent-2
#ffab40
orange accent-3
#ff9100
orange accent-4
#ff6d00
調色盤由 光 種顏色組成. 強調色 orange lighten-5 #fff3e0 和 orange lighten-4 #ffe0b2. 調色盤有 中性的, 溫暖的 色溫.
調色盤 5 具有 14 程式碼顏色的組合:
十六進位: #fff3e0, RGB: (255, 243, 224); 十六進位: #ffe0b2, RGB: (255, 224, 178); 十六進位: #ffcc80, RGB: (255, 204, 128)
十六進位: #ffb74d, RGB: (255, 183, 77); 十六進位: #ffa726, RGB: (255, 167, 38); 十六進位: #ff9800, RGB: (255, 152, 0)
十六進位: #fb8c00, RGB: (251, 140, 0); 十六進位: #f57c00, RGB: (245, 124, 0); 十六進位: #ef6c00, RGB: (239, 108, 0)
十六進位: #e65100, RGB: (230, 81, 0); 十六進位: #ffd180, RGB: (255, 209, 128); 十六進位: #ffab40, RGB: (255, 171, 64)
十六進位: #ff9100, RGB: (255, 145, 0); 十六進位: #ff6d00, RGB: (255, 109, 0)
調色板顏色的簡化版本
陰影 antiquewhite, 陰影 navajowhite, 色調 navajowhite, 陰影 橘子, 陰影 橘子, 陰影 darkorange, 色調 darkorange, 色調 darkorange, 陰影 chocolate, 色調 orangered, 色調 navajowhite, 陰影 橘子, 陰影 darkorange, 色調 coral
配色方案是由 Szabolcs Zimonyi
調色盤中的顏色代碼
5 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #fff3e0 | RGB(255, 243, 224) | orange lighten-5 | — | |
| #ffe0b2 | RGB(255, 224, 178) | orange lighten-4 | — | |
| #ffcc80 | RGB(255, 204, 128) | orange lighten-3 | — | |
| #ffb74d | RGB(255, 183, 77) | orange lighten-2 | — | |
| #ffa726 | RGB(255, 167, 38) | orange lighten-1 | — | |
| #ff9800 | RGB(255, 152, 0) | orange | — | |
| #fb8c00 | RGB(251, 140, 0) | orange darken-1 | — | |
| #f57c00 | RGB(245, 124, 0) | orange darken-2 | — | |
| #ef6c00 | RGB(239, 108, 0) | orange darken-3 | — | |
| #e65100 | RGB(230, 81, 0) | orange darken-4 | — | |
| #ffd180 | RGB(255, 209, 128) | orange accent-1 | — | |
| #ffab40 | RGB(255, 171, 64) | orange accent-2 | — | |
| #ff9100 | RGB(255, 145, 0) | orange accent-3 | — | |
| #ff6d00 | RGB(255, 109, 0) | orange accent-4 | — |
色彩調色板對比度
75 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#fff3e0 | #ffe0b2 | 1.15 |
#fff3e0 | #ffcc80 | 1.34 |
#fff3e0 | #ffb74d | 1.57 |
#fff3e0 | #ffa726 | 1.77 |
#fff3e0 | #ff9800 | 1.96 |
#fff3e0 | #ffd180 | 1.3 |
