創建於 02/23/2020 08:53
CSS Framework Foundation 6 colors
Alert
#cc4b37
Warning
#ffae00
Success
#3adb76
Secondary
#767676
Primary
#1779ba
Light Gray
#e6e6e6
Medium Gray
#cacaca
Dark Gray
#8a8a8a
調色盤由 光 種顏色組成. 強調色 Warning #ffae00 和 Primary #1779ba. 調色盤有 溫暖的, 涼爽的, 中性的 色溫.
調色盤 CSS Framework Foundation 6 colors 具有 8 程式碼顏色的組合:
十六進位: #cc4b37, RGB: (204, 75, 55); 十六進位: #ffae00, RGB: (255, 174, 0); 十六進位: #3adb76, RGB: (58, 219, 118)
十六進位: #767676, RGB: (118, 118, 118); 十六進位: #1779ba, RGB: (23, 121, 186); 十六進位: #e6e6e6, RGB: (230, 230, 230)
十六進位: #cacaca, RGB: (202, 202, 202); 十六進位: #8a8a8a, RGB: (138, 138, 138)
調色板顏色的簡化版本
色調 indianred, 陰影 橘子, 色調 mediumspringgreen, 色調 灰色的, 色調 steelblue, 陰影 gainsboro, 陰影 銀, 陰影 灰色的
配色方案是由 colorswall
調色盤中的顏色代碼
CSS Framework Foundation 6 colors 表中顏色代碼 HEX、RGB 訊息
顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
#cc4b37 | RGB(204, 75, 55) | Alert | — | |
#ffae00 | RGB(255, 174, 0) | Warning | — | |
#3adb76 | RGB(58, 219, 118) | Success | — | |
#767676 | RGB(118, 118, 118) | Secondary | — | |
#1779ba | RGB(23, 121, 186) | Primary | — | |
#e6e6e6 | RGB(230, 230, 230) | Light Gray | Extraordinary Abundance of Tinge | |
#cacaca | RGB(202, 202, 202) | Medium Gray | — | |
#8a8a8a | RGB(138, 138, 138) | Dark Gray | Gray54 |
色彩調色板對比度
14 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 | 背景顏色 | 對比 |
#cc4b37 | #767676 | 1 |
#cc4b37 | #1779ba | 1.03 |
#cc4b37 | #8a8a8a | 1.31 |
#ffae00 | #3adb76 | 1.02 |
#ffae00 | #e6e6e6 | 1.48 |
#ffae00 | #cacaca | 1.13 |