색상 코드 변환
HEX, RGB, HSL과 투명도를 변환하고 색을 미리 보며 바로 쓸 수 있는 CSS 값을 복사합니다.
CSS 그라디언트 생성기
선형·방사형 그라디언트의 색상, 위치와 각도를 조절하고 미리 보며 CSS를 만듭니다.
도구 소개
페이지 배경을 만들 때 색상 지점으로 전환 위치를 정하세요. 미리보기와 코드는 동일한 설정을 사용합니다.
사용 방법
종류와 색상 지점을 선택하세요. 선형은 각도도 조절할 수 있습니다. 2–8개 지점, 위치 0–100%, 각도 -360°–360°를 지원하며 같은 위치의 색은 뚜렷한 경계를 만듭니다. 방사형은 가운데 타원입니다. 결과의 background 선언을 복사하거나 저장하세요.
자주 묻는 질문
두 색을 부드러운 변화 없이 나누려면 어떻게 하나요?
서로 다른 두 색상 지점을 같은 백분율 위치에 놓으면 경계가 뚜렷해집니다. 지점은 위치순으로 정렬하며 다운로드 결과는 이미지가 아닌 CSS입니다.
그라데이션 방향은 어떻게 정하나요?
선형 각도는 CSS 기준으로 0°가 위, 90°가 오른쪽입니다. 방사형은 중앙 타원이며 각도 조절이 없습니다. 전체 background 선언을 CSS 규칙에 복사하세요.
관련 도구
새 탭에서 열립니다
댓글
0