#676A54 | colorate
colorate는 디자이너와 개발자에게 영감을 주는 색 구성표 도구입니다. 이것은 색채 작업을 위한 자료로 도움이 될 것입니다.
이 사이트를 더 좋게 만들기
#676A54 정보
| HEX | #676A54 |
|---|---|
| NAME | - |
| TONE | 회색 노란색 |
| RGB | 103 106 84 |
| HSV | 68° 20% 41% |
| CMYK | 2% 0% 20% 58% |
#676A54에 대한 색 정보와 색 구성표를 제공하십시오. #676A54은 회색 노란색입니다. #676A54의 구성 요소는 RGB (103 106 84)입니다. #676A54의 보색은 #57546A입니다. 황색은 강한 자극을 주며 태양을 연상시키는 희망과 미소의 색입니다. 에너지가 넘치는 색상이기에 강조할 때 사용하면 디자인이 재미있어지며 활기를 띄우게 됩니다.
Color schemes with #676A54
적당한 색 구성표
#676A54 | colorate
그것은 같은 색조 색으로 구성된 색 구성표입니다. 이 색 구성표는 조용하고 겸손한 인상을줍니다.
|
base #A7A995 |
RGB 167 169 149 | #A7A995 |
|
main #676A54 |
RGB 103 106 84 | #676A54 |
|
accent #282A1D |
RGB 40 42 29 | #282A1D |
약한 색 구성표
#676A54 | colorate
그것은 가까운 색조 색으로 구성된 색 구성표입니다. 이 색 구성표는 부드럽고 자연스러운 느낌을줍니다.
|
base #A3A08E |
RGB 163 160 142 | #A3A08E |
|
main #676A54 |
RGB 103 106 84 | #676A54 |
|
accent #2A3022 |
RGB 42 48 34 | #2A3022 |
강력하고 화려한 색 구성표
#676A54 | colorate
액센트에 보색을 사용하는 색 구성표입니다. 이 색 구성표는 강력하고 행동적이고 멋진 인상을줍니다.
|
base #B3B6A4 |
RGB 179 182 164 | #B3B6A4 |
|
main #676A54 |
RGB 103 106 84 | #676A54 |
|
accent #57546A |
RGB 87 84 106 | #57546A |
화려하고 조화로운 색 구성표
#676A54 | colorate
보색과 인접 색으로 구성된 색 구성표입니다. 화려하고 재미있는 인상을주는 움직임이 있습니다.
|
base #C1C3B2 |
RGB 193 195 178 | #C1C3B2 |
|
main #676A54 |
RGB 103 106 84 | #676A54 |
|
accent #545E6A |
RGB 84 94 106 | #545E6A |
|
accent #64546A |
RGB 100 84 106 | #64546A |
Color schemes example
Fine adjustment from #676A54
보완적인
CSS 코드
<style type="text/css">
div {
color : #676A54;
background-color : #676A54;
}
</style>
Gradient based on #676A54
그래디언트를 사용하면 평평한 디자인에서도 공간적 깊이를 만들 수 있습니다. 광택과 음영은 빛의 효과입니다. 아름다운 그라데이션을 만들려면 자연을 면밀히 관찰하십시오.
광택 및 음영의 그라데이션
보다 자연스러운 표현 (하늘과 음료)
명암비
텍스트 및 배경에 흰색 또는 검정색을 사용할 때 명암비를 확인하십시오. WCAG 2.0에 의한 평가 기준 (A=실패, AA=최소 허용, AAA=가장 높은 준수)
흰색 및 #676A54 (5.58 : 1)
14pt
AA 18pt
AAA 14pt
AA 18pt
AAA
AA 18pt
AAA 14pt
AA 18pt
AAA
검정색 및 #676A54 (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.