#676A55 | colorate
colorate는 디자이너와 개발자에게 영감을 주는 색 구성표 도구입니다. 이것은 색채 작업을 위한 자료로 도움이 될 것입니다.
이 사이트를 더 좋게 만들기
#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)입니다. #676A55의 보색은 #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.