디자인 및 색상
피커, 팔레트, 그라데이션, 대비 검사기.
색상 선택기 및 변환기
색상을 고르고 HEX, RGB, HSL, OKLCH 간에 변환.
디자인 및 색상
신규 색상 대비 검사기
텍스트와 배경색 사이의 WCAG AA/AAA 대비 비율 확인.
디자인 및 색상
신규 CSS 그라데이션 생성기
라이브 미리보기와 함께 선형, 방사형, 원뿔형 CSS 그라데이션 제작.
디자인 및 색상
신규 CSS Box-Shadow 생성기
프리셋과 라이브 미리보기로 다중 레이어 CSS box-shadow 제작. CSS, 값 또는 React 스타일을 즉시 복사.
디자인 및 색상
신규 색상 팔레트 생성기
보색, 유사색, 삼색, 단색 팔레트 생성.
디자인 및 색상
신규 Cubic Bezier 생성기
조절점을 드래그해 CSS 이징 곡선을 디자인 — 라이브 미리보기.
디자인 및 색상
신규 Border Radius 생성기
CSS 둥근 모서리와 유기적 블롭 모양을 시각적으로 제작.
디자인 및 색상
신규 CSS Flexbox 플레이그라운드
라이브 미리보기와 함께 flex 속성을 조정하고 CSS 복사.
디자인 및 색상
신규 CSS Grid 플레이그라운드
라이브 미리보기와 CSS와 함께 그리드 열, 간격, 정렬 조정.
디자인 및 색상
신규 글래스모피즘 생성기
서리 유리 카드를 디자인하고 CSS 복사 — 라이브 미리보기.
디자인 및 색상
신규 CSS Text-Shadow 생성기
라이브 미리보기로 CSS 텍스트 그림자를 조정하고 코드 복사.
디자인 및 색상
신규 색상 믹서
두 색상을 원하는 비율로 혼합하고 결과 또는 중간 단계를 복사.
디자인 및 색상
신규 이미지 색상 추출기
이미지에서 원하는 색상을 선택하고 주요 팔레트를 HEX, RGB, HSL로 추출하세요.
디자인 및 색상
신규 Pixel Art Maker
Draw pixel art on a customizable grid, pick colors, and export as PNG — in your browser.
디자인 및 색상
신규 Color Token Generator
Generate a full design-token scale (50–950 shades) from a single base color — CSS, Tailwind or JSON.
디자인 및 색상