#676A55 | colorate
这是设计师和开发人员的着色工具。 这将帮助您绘制灵感，并作为您的色彩工作的资源。
使这个网站更好
About #676A55
| HEX | #676A55 |
|---|---|
| NAME | - |
| TONE | 灰的黄色 |
| RGB | 103 106 85 |
| HSV | 68° 19% 41% |
| CMYK | 2% 0% 19% 58% |
#676A55显示色调和颜色信息。#676A55正在灰的黄色。#676A55该组件是RGB(103 106 85)。这成为互补色的颜色是#58556A。黄色是强烈的刺激。黄色是希望和微笑的颜色，让人想起太阳。因为它是一种有能量的颜色，所以用它作为口音，给了设计乐趣和活力。
Color schemes with #676A55
安静的配色方案
#676A55 | colorate
这已配置了同色的配色方案。这种配色方案，安静，给人沉稳的一个安静的印象。
|
base #A7A996 |
RGB 167 169 150 | #A7A996 |
|
main #676A55 |
RGB 103 106 85 | #676A55 |
|
accent #282A1E |
RGB 40 42 30 | #282A1E |
温和的配色方案
#676A55 | colorate
已在附近颜色已建成这样的配色方案。配色方案是软的，给人一种自然的印象，有机。
|
base #A3A08F |
RGB 163 160 143 | #A3A08F |
|
main #676A55 |
RGB 103 106 85 | #676A55 |
|
accent #2B3023 |
RGB 43 48 35 | #2B3023 |
强烈的配色方案
#676A55 | colorate
配色方案是使用补色来强调。这种配色方案是强烈，给人一种华而不实的印象行为一个。
|
base #B3B6A4 |
RGB 179 182 164 | #B3B6A4 |
|
main #676A55 |
RGB 103 106 85 | #676A55 |
|
accent #58556A |
RGB 88 85 106 | #58556A |
多彩的配色方案
#676A55 | colorate
是颜色方案，它是由一个侧由端颜色作为补色的。有一种运动，多彩提供了一个很好的印象。
|
base #C1C3B3 |
RGB 193 195 179 | #C1C3B3 |
|
main #676A55 |
RGB 103 106 85 | #676A55 |
|
accent #555E6A |
RGB 85 94 106 | #555E6A |
|
accent #64556A |
RGB 100 85 106 | #64556A |
Color schemes example
Fine adjustment from #676A55
补色
CSS代码
<style type="text/css">
div {
color : #676A55;
background-color : #676A55;
}
</style>
Gradient based on #676A55
通过使用渐变，即使在平面设计中也可以创建空间深度。 光泽和阴影是光线的影响。 要创建美丽的渐变色，请仔细观察自然。
光泽度和阴影度的渐变
更自然的表达(天空和饮料）
对比度
在文本和背景上使用白色或黑色时，请检查对比度。WCAG 2.0的评估标准（A=不足，AA=最小可接受，AAA=最高合规性）
白色和#676A55 (5.57 : 1)
14pt
AA 18pt
AAA 14pt
AA 18pt
AAA
AA 18pt
AAA 14pt
AA 18pt
AAA
黑色和#676A55 (3.77 : 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.