#0C0C0C - #030303 | colorate
colorate는 디자이너와 개발자에게 영감을 주는 색 구성표 도구입니다. 이것은 색채 작업을 위한 자료로 도움이 될 것입니다.
이 사이트를 더 좋게 만들기
Blend #0C0C0C to #030303
두 색상 #0C0C0C과 #030303 사이의 색상을 계산하십시오. RGB 값을 계산할 때 서로 다른 색상 간의 채도가 낮습니다. HSV 값을 계산할 때, 서로 다른 색상 간의 채도가 낮지 않습니다.
RGB 혼합 (선형)
#0C0C0C - #030303 | colorate
RGB 값에 따라 두 색상 사이의 색상 계산. 서로 떨어진 색상의 경우 두 색상 사이의 채도가 감소합니다. #0C0C0C이 0 %이고 #030303이 100 % 인 두 색상 사이의 색상을 확장하십시오.
|
0.0% #0C0C0C |
RGB 12 12 12 | #0C0C0C |
|
16.7% #0A0A0A |
RGB 10 10 10 | #0A0A0A |
|
33.3% #090909 |
RGB 9 9 9 | #090909 |
|
50.0% #070707 |
RGB 7 7 7 | #070707 |
|
66.7% #060606 |
RGB 6 6 6 | #060606 |
|
83.3% #040404 |
RGB 4 4 4 | #040404 |
|
100.0% #030303 |
RGB 3 3 3 | #030303 |
HSV 블렌드
#0C0C0C - #030303 | colorate
HSV 값에 따라 두 색상 사이의 색상 계산. 서로 다른 색상의 색상 사이에서도 두 색상 간의 채도가 감소하지 않습니다. #0C0C0C이 0 %이고 #030303이 100 % 인 두 색상 사이의 색상을 확장하십시오.
|
0.0% #0C0C0C |
RGB 12 12 12 | #0C0C0C |
|
16.7% #0A0A0A |
RGB 10 10 10 | #0A0A0A |
|
33.3% #090909 |
RGB 9 9 9 | #090909 |
|
50.0% #070707 |
RGB 7 7 7 | #070707 |
|
66.7% #060606 |
RGB 6 6 6 | #060606 |
|
83.3% #040404 |
RGB 4 4 4 | #040404 |
|
100.0% #030303 |
RGB 3 3 3 | #030303 |
CSS 코드
<style type="text/css">
/* RGB Gradient */
div {
background: -moz-linear-gradient(top, #0C0C0C 0%, #030303 100%);
background: -webkit-linear-gradient(top, #0C0C0C 0%, #030303 100%);
background: linear-gradient(to bottom, #0C0C0C 0%, #030303 100%);
}
/* HSV Gradient */
div {
background: -moz-linear-gradient(top, #0C0C0C 0%, #070707 50%, #030303 100%);
background: -webkit-linear-gradient(top, #0C0C0C 0%, #070707 50%, #030303 100%);
background: linear-gradient(to bottom, #0C0C0C 0%, #070707 50%, #030303 100%);
}
</style>
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.