도구 가이드
design 무료 회원가입 불필요

QR 코드 생성기

CSS 선형 및 방사형 그라데이션을 시각적으로 만들고 바로 사용 가능한 CSS 속성을 복사하세요.

도구를 불러오는 중…

이 도구에 대해

코드를 작성하지 않고 아름다운 CSS 그라데이션을 만드세요. 색상 정지점을 추가하고 드래그하여 위치를 설정하고, 그라데이션 유형(선형 또는 방사형)을 선택하고, 각도를 조정하세요. 라이브 미리보기가 즉시 업데이트되며, 클릭 한 번으로 전체 배경 CSS 속성을 복사할 수 있습니다.

사용 방법

  1. 1 '선형' 또는 '방사형' 그라데이션 유형을 선택하세요.
  2. 2 색상 정지점을 추가하고 각각에 대해 색상과 위치를 선택하세요.
  3. 3 선형 그라데이션의 경우, 슬라이더로 각도를 조정하세요.
  4. 4 CSS 출력을 복사하여 스타일시트에 붙여넣으세요.

자주 묻는 질문

관련 도구
색상 변환기 (HEX, RGB, HSL)

HEX, RGB, HSL, HSV, CMYK 간 색상 변환 — 실시간 미리보기 제공.
QR 코드 생성기

임의의 기본 색상에서 보색, 삼색, 유사색, 분열 보색 등 조화로운 색상 팔레트를 생성하세요.
QR 코드 생성기

라이브 미리보기와 함께 CSS box-shadow 값을 시각적으로 만드세요 — 여러 레이어를 지원합니다.
{# Alpine.js — self-hosted. (The previous jsdelivr CDN tag had a stale SRI integrity hash, so the browser refused to run it and window.Alpine was never defined — silently breaking every FAQ accordion and Alpine tool.) #}