디자인
색상 팔레트, 대비 검사, 그라데이션, 그림자 등 CSS 보조 도구. WCAG 대비 검사기와 색각 시뮬레이터가 있어 접근성 문제를 배포 전에 발견할 수 있습니다.
색상 팔레트 추출기이미지를 업로드하면 주요 색상을 HEX 코드 팔레트로 추출합니다 — 빠르고 무료이며 100% 브라우저에서 처리됩니다.색맹 시뮬레이터이미지나 색상에 적색맹·녹색맹·청색맹·전색맹을 시뮬레이션하여 접근성을 확인하세요 — 모두 브라우저에서 동작합니다.색상 조화 생성기기준 색상을 선택하면 보색·유사색·삼색·사색·분할 보색·단색 배색을 HEX 코드와 함께 즉시 생성하고 클릭으로 복사할 수 있습니다.CMYK 변환인쇄·웹 디자인을 위해 색상을 CMYK·RGB·HEX·HSL 간에 즉시 변환합니다. 브라우저에서.색상 이름 찾기HEX나 RGB 색상을 입력하면 가장 가까운 색 이름과 유사 후보를 보여줍니다. 모두 브라우저에서.ASCII 아트 생성기이미지를 너비 조절 가능한 ASCII 아트로 변환해 복사하세요. 모두 브라우저에서 처리됩니다.border-radius 생성기네 모서리 슬라이더(px 또는 %, 타원 모서리 지원)로 CSS border-radius를 시각적으로 만드세요. 실시간 미리보기와 복사 가능한 코드. 브라우저에서.cubic-bezier 편집기드래그 가능한 제어점으로 CSS 이징 곡선을 디자인하고 애니메이션을 미리보며 cubic-bezier() 값을 복사하세요. 프리셋 포함. 브라우저에서.글래스모피즘 생성기블러·투명도·채도·테두리·반경 슬라이더로 프로스트 글래스(글래스모피즘) 카드를 만드세요. 실시간 미리보기와 CSS. 브라우저에서.