이미지·디자인 도구
사진을 줄이고 바꾸고, 색을 뽑고, CSS 코드를 만드는 작업을 한곳에 모았어요. 이미지와 PDF는 업로드 없이 이 브라우저 안에서만 처리돼요.
이럴 때 쓰세요
- 첨부 용량 제한에 맞게 사진 용량을 줄이고 싶을 때
- 사진에서 어울리는 색을 뽑아 팔레트나 코드로 쓰고 싶을 때
- 웹 디자인용 그라데이션, box-shadow, border-radius CSS 코드가 필요할 때
- 여러 이미지를 PDF 한 파일로 묶거나 PDF를 나누고 싶을 때
이미지·디자인 도구 도구 14개
- 컬러 팔레트 추출기사진에서 주요 색을 뽑아 주 색·보조 색·강조 색·무채색 역할을 붙이고, 명도 단계와 글자 대비, CSS·Tailwind·디자인 토큰 내보내기까지 해줘요.
- 컬러 코드 변환기HEX·RGB·HSL·OKLCH·LAB·CMYK 같은 색 코드를 서로 바꾸고, 가까운 CSS 색 이름, 명도 단계, 글자 대비, SwiftUI·Android·Flutter·Tailwind 코드까지 한 번에 복사해요.
- 그라데이션 생성기선형·원형·원뿔 그라데이션을 만들고 CSS, Tailwind, PNG로 바로 내보내요.
- Box Shadow 생성기그림자를 여러 겹 쌓아 자연스러운 CSS box-shadow를 만들어요. 네오모피즘·브루탈리즘 등 프리셋과 Tailwind 클래스도 있어요.
- Border Radius 생성기모서리마다 둥글기를 조절해 CSS border-radius를 만들어요. 가로·세로를 따로 정하는 블롭 모양, 프리셋, Tailwind 클래스까지 돼요.
- 이미지 압축기사진 용량을 눈에 띄는 화질 차이 없이 줄여요. 여러 장을 한 번에, 원본과 나란히 비교하고 올린 형식 그대로(PNG는 PNG) 또는 JPG·WebP·PNG로 저장해요. 파일은 서버로 보내지 않아요.
- OG·SNS 이미지 리사이저이미지를 링크 미리보기·인스타그램·유튜브·배너 규격에 맞춰 잘라요. 끌어서 자를 위치를 정하고, 흐린 배경 채우기, JPG·WebP 저장도 돼요.
- 이미지 형식 변환기PNG, JPG, WebP, AVIF, GIF, BMP, SVG 이미지를 PNG·JPG·WebP로 한 번에 바꾸고, 파비콘용 ICO도 만들어요. 파일은 서버로 보내지 않아요.
- OKLCH 컬러 피커사람 눈에 고른 OKLCH로 색을 고르고, sRGB·P3 색역 확인, 같은 색조의 50~950 팔레트와 Tailwind @theme, 보색·유사색까지 만들어요.
- 색 대비 검사기글자색과 배경색의 대비를 WCAG 기준(AA·AAA)과 APCA로 검사하고, 기준을 통과하는 가장 가까운 색을 추천해요.
- PDF 합치기여러 PDF 파일을 순서대로 하나로 합쳐요. 끌어다 놓고 순서를 바꾼 뒤 내려받으세요. 파일은 서버로 올라가지 않고 내 브라우저 안에서만 처리돼요.
- PDF 나누기·페이지 추출PDF에서 원하는 쪽만 뽑아 새 파일로 만들거나, 필요 없는 쪽을 지우고, 쪽마다 따로 저장해요. 90도씩 돌려서 저장할 수도 있어요. 파일은 서버로 올라가지 않아요.
- 이미지 PDF 변환 (JPG·PNG → PDF)사진이나 스캔 이미지를 한 장씩 쪽으로 넣어 PDF 하나로 만들어요. 순서를 바꾸고 용지 크기와 여백을 고르세요. 이미지는 서버로 올라가지 않아요.
- 이미지 편집기 (자르기·크기 조절·모자이크)사진을 자르고, 픽셀·퍼센트로 크기를 줄이고, 회전·뒤집고, 얼굴·번호판을 모자이크해요. 사진은 서버로 올라가지 않고 브라우저 안에서만 처리돼요.
사용 전에 알아 두세요
- 압축하면 화질이 조금 줄 수 있어요. 원본은 따로 보관하고 용량 줄인 사본을 쓰세요.