색상 검색
공유하기
좋아하는 색상

버튼 자동 생성

WEB나 홈페이지에서 사용하는 버튼의 소재를 자동으로 작성할 수 있습니다.
색상과 크기 등을 설정하고 버튼 문자를 입력하면 쉽게 버튼 소재를 브라우저에서 만들 수 JPG와 PNG로 다운로드할 수 있습니다.만든 버튼은 무료로 자유롭게 사용하실 수 있습니다.

버튼 작성 화면

왼쪽 색상 선택기로 색상으로 색상을 선택하고 버튼 크기, 선폭, 둥근 반경 등을 설정하고 버튼 텍스트를 입력하면 아래에 버튼이 표시됩니다."고급 설정"에서는 문자의 그림자나 안쪽의 그림자를 붙일 수도 있습니다.
Chrome 등의 경우는, 그대로 우클릭에서 「이름을 붙여 이미지를 저장」을 클릭하면 이미지를 저장할 수 있습니다만, 할 수 없는 경우는 「JPG 작성」또는 「PNG 작성」을 클릭하면, 아래로 JPG 화상이나 PNG 화상이 생성되므로 그쪽을 보존해 이용해 주세요.

버튼 설정
고급 설정
PNG 만들기
JPG 작성
글꼴 크기: px
버튼 가로폭: px
버튼 세로폭: px
선폭: px
둥근 반지름: px
그라데이션:
버튼 텍스트:
문자 그림자:
테두리:
안쪽 그림자:
그림자의 농도: %
그림자 위치 X: %
그림자 위치 Y: %
그림자 흐림: %

버튼 이미지 파일

버튼 자동 작성 사용법

색상 선택

왼쪽 색상 선택기에서 버튼 배경색을 선택할 수 있습니다.
팔레트를 클릭하여 색상을 선택하는 것 외에도 RGB 색상 코드를 직접 입력하거나 HSV 값을 입력하여 지정할 수 있습니다.

버튼 설정

글꼴 크기, 버튼 크기, 선폭 등을 변경할 수 있습니다.
숫자 입력은 범위 입력으로 막대를 움직여 변경할 수 있습니다.

글꼴 크기8px~96px 사이에서 버튼 문자의 글꼴 크기를 지정할 수 있습니다.
버튼 가로폭40px~300px 사이에서 버튼의 가로폭을 지정할 수 있습니다.
버튼 세로폭30px~200px 사이에서 버튼의 세로 폭을 지정할 수 있습니다.
버튼의 가로폭과 세로폭은, 선의 폭을 포함해 지정한 사이즈가 됩니다.
선폭0px ~ 20px 사이의 버튼 선 너비를 지정할 수 있습니다.
0px일 때는 선을 표시하지 않습니다.
둥근 반지름0px ~ 100px 사이의 둥근 반지름을 지정할 수 있습니다.
버튼의 가로폭 또는 세로폭의 절반 이상을 넘었을 경우는, 그 값이 됩니다.
그라데이션"없음"의 경우, 지정된 색으로 칠해집니다.
"있음"의 경우는, 지정된 색보다 밝은 색으로부터 지정된 색까지의 그라데이션으로 칠해집니다.
"반전"을 선택하는 그라데이션 색상이 반대가됩니다.
버튼 텍스트버튼에 표시할 문자를 입력합니다.
문자의 색은 배경색에 따라 흰색 또는 검정으로 표시됩니다.또 복수행의 입력도 가능합니다.
문자가 버튼의 가로폭 이상이 되는 경우는, 버튼의 가로폭의 사이즈로 횡방향으로 축소됩니다.

고급 설정

문자의 그림자나 안쪽의 그림자 등 세세한 설정을 할 수 있습니다.

문자 그림자"있음"으로 설정하면 문자 아래에 1px 섀도우가 붙습니다.
그림자 색상은 문자색이 흰색이면 검은색, 검은색이면 흰색으로 표시됩니다.
테두리테두리의 색상을 변경합니다.
"색 첨부"의 경우는 지정된 색을 바탕으로 한 색으로, 「흑」의 경우는 검은 테두리로 표시됩니다.
"내부 흰색 선"을 선택하면 테두리 안쪽에 흰색으로 추가 테두리가 표시됩니다.
안쪽 그림자"있음"으로 하면 안쪽에 그림자가 붙습니다.그림자 설정은 다음과 같이 합니다.
그림자의 농도그림자의 불투명도를 0%~100%로 설정합니다.
그림자 위치 X그림자의 가로 위치를 버튼의 위치를 ​​기준으로 -100%에서 100%로 설정합니다.
그림자 위치 Y그림자의 세로 위치를 버튼의 위치를 ​​기준으로 -100%에서 100%로 설정합니다.
그림자 흐림그림자를 얼마나 흐리게 하는지를 0%에서 100%로 설정합니다.

이미지로 변환

버튼을 저장하는 경우에, "JPG 작성"또는 "PNG 작성"을 클릭하면 각각 JPG 화상, PNG 화상이 작성되므로, 우클릭으로 저장 등 해 이용해 주십시오.