#336EB6 | colorate
这是设计师和开发人员的着色工具。 这将帮助您绘制灵感，并作为您的色彩工作的资源。
使这个网站更好
About #336EB6
| HEX | #336EB6 |
|---|---|
| NAME | - |
| TONE | 明亮的蓝色 |
| RGB | 51 110 182 |
| HSV | 212° 71% 71% |
| CMYK | 71% 39% 0% 28% |
#336EB6显示色调和颜色信息。#336EB6正在明亮的蓝色。#336EB6该组件是RGB(51 110 182)。这成为互补色的颜色是#B67B33。蓝色是令人联想到放心和信任的颜色。 这是平静的感觉的颜色，作为一种友好的颜色是流行的。 蓝也是消除食欲的颜色，所以要小心。
Color schemes with #336EB6
安静的配色方案
#336EB6 | colorate
这已配置了同色的配色方案。这种配色方案，安静，给人沉稳的一个安静的印象。
|
base #6D99CF |
RGB 109 153 207 | #6D99CF |
|
main #336EB6 |
RGB 51 110 182 | #336EB6 |
|
accent #04499C |
RGB 4 73 156 | #04499C |
温和的配色方案
#336EB6 | colorate
已在附近颜色已建成这样的配色方案。配色方案是软的，给人一种自然的印象，有机。
|
base #67B0CC |
RGB 103 176 204 | #67B0CC |
|
main #336EB6 |
RGB 51 110 182 | #336EB6 |
|
accent #08239F |
RGB 8 35 159 | #08239F |
强烈的配色方案
#336EB6 | colorate
配色方案是使用补色来强调。这种配色方案是强烈，给人一种华而不实的印象行为一个。
|
base #7BA3D4 |
RGB 123 163 212 | #7BA3D4 |
|
main #336EB6 |
RGB 51 110 182 | #336EB6 |
|
accent #B67A33 |
RGB 182 122 51 | #B67A33 |
多彩的配色方案
#336EB6 | colorate
是颜色方案，它是由一个侧由端颜色作为补色的。有一种运动，多彩提供了一个很好的印象。
|
base #89ADD9 |
RGB 137 173 217 | #89ADD9 |
|
main #336EB6 |
RGB 51 110 182 | #336EB6 |
|
accent #B63339 |
RGB 182 51 57 | #B63339 |
|
accent #A2B633 |
RGB 162 182 51 | #A2B633 |
Color schemes example
Fine adjustment from #336EB6
补色
CSS代码
<style type="text/css">
div {
color : #336EB6;
background-color : #336EB6;
}
</style>
Gradient based on #336EB6
通过使用渐变，即使在平面设计中也可以创建空间深度。 光泽和阴影是光线的影响。 要创建美丽的渐变色，请仔细观察自然。
光泽度和阴影度的渐变
更自然的表达(天空和饮料）
对比度
在文本和背景上使用白色或黑色时，请检查对比度。WCAG 2.0的评估标准（A=不足，AA=最小可接受，AAA=最高合规性）
白色和#336EB6 (5.19 : 1)
14pt
AA 18pt
AAA 14pt
AA 18pt
AAA
AA 18pt
AAA 14pt
AA 18pt
AAA
黑色和#336EB6 (4.05 : 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.