#676A5E | colorate
这是设计师和开发人员的着色工具。 这将帮助您绘制灵感，并作为您的色彩工作的资源。
使这个网站更好
About #676A5E
| HEX | #676A5E |
|---|---|
| NAME | - |
| TONE | 灰的绿黄色 |
| RGB | 103 106 94 |
| HSV | 74° 11% 41% |
| CMYK | 2% 0% 11% 58% |
#676A5E显示色调和颜色信息。#676A5E正在灰的绿黄色。#676A5E该组件是RGB(103 106 94)。这成为互补色的颜色是#615E6A。黄绿色是让人联想到未来和谐的颜色。好奇心和成长的绿色相结合的颜色。黄绿色也是让人联想到不成熟和尴尬的颜色。
Color schemes with #676A5E
安静的配色方案
#676A5E | colorate
这已配置了同色的配色方案。这种配色方案，安静，给人沉稳的一个安静的印象。
|
base #A7A99E |
RGB 167 169 158 | #A7A99E |
|
main #676A5E |
RGB 103 106 94 | #676A5E |
|
accent #282A23 |
RGB 40 42 35 | #282A23 |
温和的配色方案
#676A5E | colorate
已在附近颜色已建成这样的配色方案。配色方案是软的，给人一种自然的印象，有机。
|
base #A3A398 |
RGB 163 163 152 | #A3A398 |
|
main #676A5E |
RGB 103 106 94 | #676A5E |
|
accent #2C3029 |
RGB 44 48 41 | #2C3029 |
强烈的配色方案
#676A5E | colorate
配色方案是使用补色来强调。这种配色方案是强烈，给人一种华而不实的印象行为一个。
|
base #B3B6AC |
RGB 179 182 172 | #B3B6AC |
|
main #676A5E |
RGB 103 106 94 | #676A5E |
|
accent #615E6A |
RGB 97 94 106 | #615E6A |
多彩的配色方案
#676A5E | colorate
是颜色方案，它是由一个侧由端颜色作为补色的。有一种运动，多彩提供了一个很好的印象。
|
base #C1C3BA |
RGB 193 195 186 | #C1C3BA |
|
main #676A5E |
RGB 103 106 94 | #676A5E |
|
accent #5E626A |
RGB 94 98 106 | #5E626A |
|
accent #685E6A |
RGB 104 94 106 | #685E6A |
Color schemes example
Fine adjustment from #676A5E
补色
CSS代码
<style type="text/css">
div {
color : #676A5E;
background-color : #676A5E;
}
</style>
Gradient based on #676A5E
通过使用渐变，即使在平面设计中也可以创建空间深度。 光泽和阴影是光线的影响。 要创建美丽的渐变色，请仔细观察自然。
光泽度和阴影度的渐变
更自然的表达(天空和饮料）
对比度
在文本和背景上使用白色或黑色时，请检查对比度。WCAG 2.0的评估标准（A=不足，AA=最小可接受，AAA=最高合规性）
白色和#676A5E (5.53 : 1)
14pt
AA 18pt
AAA 14pt
AA 18pt
AAA
AA 18pt
AAA 14pt
AA 18pt
AAA
黑色和#676A5E (3.80 : 1)
14pt
A 18pt
AA 14pt
A 18pt
AA
A 18pt
AA 14pt
A 18pt
AA
Utilities
Barcode
You can create barcodes online. The created barcode can be downloaded as PNG or EPS.
colorate
colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work.
textate
Make text to image. It is useful when you want to send text on SNS.