무료 디자인·색상 도구
HEX, RGB, HSL, HSV, CMYK 간 색상 변환, 팔레트와 색 조합 만들기, 접근성을 위한 글자 대비 확인, CSS 그라데이션과 그림자 생성, px를 rem으로 변환할 수 있습니다.
도구 7개
색상 코드 변환
HEX, RGB, HSL, HSV, CMYK 간에 색상을 변환합니다.
색상 팔레트 생성기
색상 조화와 50–950 단계 색조를 만들고 CSS, SCSS, Tailwind로 내보냅니다.
색상환 배색
인터랙티브 색상환에서 배색을 고르고 샘플 화면에서 미리 봅니다.
CSS 그라데이션 생성기
여러 색상 정지점으로 선형, 원형, 원뿔형 그라데이션을 만들고 CSS를 복사합니다.
명암비 검사
글자색과 배경색을 WCAG AA / AAA 기준으로 검사합니다.
박스 그림자 생성기
여러 레이어와 안쪽 그림자를 지원하는 CSS box-shadow를 미리 보며 만듭니다.
px ↔ rem 변환기
px, rem, em, pt, %, vw를 변환하고 스타일시트 전체를 px에서 rem으로 바꿉니다.