사용 방법
- 두 색상과 방향을 선택합니다.
- PNG의 가로·세로 크기를 지정합니다.
- CSS를 복사하거나 PNG 저장을 누릅니다.
계산 기준과 공식
CSS linear-gradient(각도deg, 시작 색상, 끝 색상)
0°는 위쪽, 90°는 오른쪽, 180°는 아래쪽입니다.CSS와 PNG는 같은 각도 기준을 사용합니다. 브라우저의 색상 보간과 표시 장치에 따라 미세한 차이가 있을 수 있습니다.
예시
90° 오렌지 그라디언트
왼쪽의 시작 색상에서 오른쪽의 끝 색상으로 바뀌는 배경을 만듭니다.
결과를 읽는 법
CSS와 PNG는 같은 각도 기준을 사용합니다. 브라우저의 색상 보간과 표시 장치에 따라 미세한 차이가 있을 수 있습니다.
자주 묻는 질문
결과를 어떻게 사용하나요?
CSS와 PNG는 같은 각도 기준을 사용합니다. 브라우저의 색상 보간과 표시 장치에 따라 미세한 차이가 있을 수 있습니다.
입력한 내용이나 파일이 서버로 전송되나요?
아니요. 계산과 변환은 브라우저 안에서 처리합니다. 입력값과 파일 내용을 저장하거나 외부 서비스로 보내지 않습니다.
결과가 이상하거나 있었으면 하는 기능이 있나요? 오류 제보 · 의견 보내기