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

그라데이션 자동 생성

WEB나 홈페이지, 벽지의 배경등에서 사용하는 그라데이션의 소재를 자동으로 작성할 수 있습니다.
색상과 크기, 방향 등을 설정하고 변화하는 색조, 채도, 명도 등을 변경하면 쉽게 그라데이션 소재를 만들 수 있습니다.
모든 브라우저에서 만들 수 있으며 JPG와 PNG로 다운로드할 수 있습니다.
작성한 그라데이션은 무료로 자유롭게 사용하실 수 있습니다.

그라데이션 작성 화면

왼쪽 색상 선택기로 색상으로 색상을 선택합니다. 이 색을 바탕으로 색조, 채도, 명도, 방향 등을 바꾸면 그라데이션이 작성됩니다.
"JPG 작성"또는 "PNG 작성"을 클릭하면, 아래에 JPG 화상이나 PNG 화상이 생성되므로 그쪽을 보존해 이용해 주세요.
작성되는 화상의 사이즈는, 설정한 가로폭, 세로폭입니다만, 「작성 화상 사이즈」의 화상 가로폭, 화상 세로폭을 변경하는 것으로 사이즈를 바꾸어 작성도 할 수 있습니다.

설정
생성 이미지 크기
PNG 만들기
JPG 작성
가로폭: px
세로 폭: px
색조: °
채도: %
밝기: %
방향:
변화 후 HSV:
H 4.3°
S 55.2%
V 90.2%
이미지 가로폭: px
이미지 세로폭: px

그라데이션 이미지 파일

그라데이션 자동 작성 사용법

색상 선택

왼쪽 색상 선택기에서 그라데이션에 사용할 원래 색상을 선택합니다.
팔레트를 클릭하여 색상을 선택하는 것 외에도 RGB 색상 코드를 직접 입력하거나 HSV 값을 입력하여 지정할 수 있습니다.
이 색과 설정에서 색조, 채도, 명도 등을 변경한 색의 2색으로 그라데이션이 작성됩니다.

그라데이션 설정

그라데이션의 원래 색상에서 색상, 채도, 밝기의 변화량과 크기, 방향을 변경할 수 있습니다.
숫자 입력은 범위 입력으로 막대를 움직여 변경할 수 있습니다.

그라데이션
가로폭
10px~400px 사이에서 그라데이션의 가로폭을 지정할 수 있습니다.
그라데이션
세로 폭
10px~300px 사이에서 그라데이션의 종폭을 지정할 수 있습니다.
색조-180°~+180° 사이에서 원래 색조로부터의 변화량을 지정할 수 있습니다.
채도-100%~+100% 사이에서 원래 채도로부터의 변화량을 지정할 수 있습니다.
0 이하가 되는 경우는 0, 100 이상이 되는 경우는 100 이 됩니다.
밝기-100%~+100% 사이에서 원래 명도로부터의 변화량을 지정할 수 있습니다.
0 이하가 되는 경우는 0, 100 이상이 되는 경우는 100 이 됩니다.
방향그라데이션의 방향을 지정합니다.
원래의 색에서 변화한 색을 향해 우향을 0도로 하여 각도만큼 반시계 방향으로 회전합니다.
변화 후 HSV변경된 색상의 HSV를 확인할 수 있습니다.

생성 이미지 크기

그라데이션 이미지를 만들 때 이미지의 크기를 변경할 수 있습니다.
작성한 이미지가 너무 크고 들어가지 않으면 화면에 맞게 작게 표시되지만 저장하면 큰 이미지로 저장됩니다.

이미지 가로폭10px~3000px 사이에서, 작성하는 그라데이션의 화상의 가로폭을 지정할 수가 있습니다.
이미지 세로폭10px~3000px 사이에서, 작성하는 그라데이션의 화상의 세로폭을 지정할 수가 있습니다.

이미지로 변환

"JPG 작성"또는 "PNG 작성"을 클릭하면 각각 JPG 화상, PNG 화상이 아래에 작성되기 때문에, 우클릭으로 저장 등하고 그라데이션을 이용해 주십시오.