創建於 12/29/2017 15:02
colors.css palette
NAVY
#001f3f
BLUE
#0074d9
AQUA
#7fdbff
TEAL
#39cccc
OLIVE
#3d9970
GREEN
#2ecc40
LIME
#01ff70
YELLOW
#ffdc00
ORANGE
#ff851b
RED
#ff4136
MAROON
#85144b
FUCHSIA
#f012be
PURPLE
#b10dc9
BLACK
#111111
GRAY
#aaaaaa
SILVER
#dddddd
調色盤由 黑暗的, 半暗, 光 種顏色組成. 強調色 AQUA #7fdbff 和 YELLOW #ffdc00. 調色盤有 涼爽的, 溫暖的, 中性的 色溫.
調色盤 colors.css palette 具有 16 程式碼顏色的組合:
十六進位: #001f3f, RGB: (0, 31, 63); 十六進位: #0074d9, RGB: (0, 116, 217); 十六進位: #7fdbff, RGB: (127, 219, 255)
十六進位: #39cccc, RGB: (57, 204, 204); 十六進位: #3d9970, RGB: (61, 153, 112); 十六進位: #2ecc40, RGB: (46, 204, 64)
十六進位: #01ff70, RGB: (1, 255, 112); 十六進位: #ffdc00, RGB: (255, 220, 0); 十六進位: #ff851b, RGB: (255, 133, 27)
十六進位: #ff4136, RGB: (255, 65, 54); 十六進位: #85144b, RGB: (133, 20, 75); 十六進位: #f012be, RGB: (240, 18, 190)
十六進位: #b10dc9, RGB: (177, 13, 201); 十六進位: #111111, RGB: (17, 17, 17); 十六進位: #aaaaaa, RGB: (170, 170, 170)
十六進位: #dddddd, RGB: (221, 221, 221)
調色板顏色的簡化版本
色調 midnightblue, 色調 steelblue, 陰影 skyblue, 陰影 darkturquoise, 陰影 seashell, 色調 limegreen, 色調 springgreen, 陰影 gold, 色調 darkorange, 色調 tomato, 陰影 紫色的, 色調 品紅, 色調 darkorchid, 陰影 黑色的, 陰影 darkgrey, 陰影 gainsboro
配色方案是由 mz
調色盤中的顏色代碼
colors.css palette 表中顏色代碼 HEX、RGB 訊息
顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
#001f3f | RGB(0, 31, 63) | NAVY | — | |
#0074d9 | RGB(0, 116, 217) | BLUE | — | |
#7fdbff | RGB(127, 219, 255) | AQUA | — | |
#39cccc | RGB(57, 204, 204) | TEAL | — | |
#3d9970 | RGB(61, 153, 112) | OLIVE | — | |
#2ecc40 | RGB(46, 204, 64) | GREEN | — | |
#01ff70 | RGB(1, 255, 112) | LIME | — | |
#ffdc00 | RGB(255, 220, 0) | YELLOW | Summer Sun | |
#ff851b | RGB(255, 133, 27) | ORANGE | — | |
#ff4136 | RGB(255, 65, 54) | RED | — | |
#85144b | RGB(133, 20, 75) | MAROON | — | |
#f012be | RGB(240, 18, 190) | FUCHSIA | — | |
#b10dc9 | RGB(177, 13, 201) | PURPLE | — | |
#111111 | RGB(17, 17, 17) | BLACK | Dreamless Sleep | |
#aaaaaa | RGB(170, 170, 170) | GRAY | Dhūsar Grey | |
#dddddd | RGB(221, 221, 221) | SILVER | Steam |
色彩調色板對比度
55 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 | 背景顏色 | 對比 |
#001f3f | #85144b | 1.73 |
#001f3f | #111111 | 1.13 |
#0074d9 | #3d9970 | 1.33 |
#0074d9 | #ff851b | 1.91 |
#0074d9 | #ff4136 | 1.34 |
#0074d9 | #f012be | 1.22 |