유용한 도구
색상코드 사전
빨강·파랑부터 크림슨·틸까지, 이름 있는 색 52종의 HEX·RGB·HSL 코드를 복사해 바로 쓰는 색상표예요.
빨강 계열
주황·갈색 계열
노랑 계열
초록 계열
파랑 계열
보라·분홍 계열
무채색
추천 콘텐츠
텍스트 붙여넣기 → 15종 마스크 모양 워드 클라우드 즉시 생성, PNG 다운로드까지 무료.
사진 최대 30장을 세로·가로·격자로 이어 한 장의 JPG·PNG로 만들어요. 캡처 이어붙이기도 겹침 없이, 업로드 없이 무료예요.
사진 용량을 목표 KB에 맞춰 줄이고 크기·비율을 조절해 보세요. 한 번에 최대 20장, 업로드 없이 브라우저에서 처리해요.
아이폰 HEIC 사진과 WebP·PNG를 JPG·PNG·WebP로 바꿔 보세요. 최대 30장 일괄 변환, 업로드 없이 브라우저에서 무료예요.
여권·반명함·명함판 사진을 규격에 맞게 자르고 배경도 바꿔요. 4×6 인화 시트까지 무료, 업로드 없이 브라우저에서 만들어요.
사진 속 얼굴을 자동으로 찾아 모자이크·블러·단색으로 가려요. 업로드 없이 브라우저에서 무료로 처리돼요.
16x16·32x32·64x64 격자에 도트를 찍고 배경 투명 PNG로 저장하세요. 설치·가입 없이 무료예요.
사진에 촬영 위치가 남아 있는지 확인하고, 화질 손실 없이 EXIF를 지워요. 최대 30장까지, 업로드 없이 무료예요.
이름 있는 색 52종을 모은 색상코드표예요. 빨강·파랑 같은 기본색부터 크림슨·틸·인디고까지 7개 계열로 나눴고, 그중 50종은 CSS에 이름 그대로 써도 되는 표준 색 이름이에요(앰버·민트는 CSS 키워드가 없는 디자인 관용 이름). 색을 고르면 큰 스와치와 함께 HEX·rgb()·hsl() 값을 CSS 형식 그대로 보여 주고, 카드를 누르면 바로 복사돼요. 아래에는 어둡게 2단계·원색·밝게 2단계로 된 명암 팔레트와 같은 계열의 비슷한 색 4개가 이어져요. 한글 색 이름, 영문 이름, HEX 코드로 검색할 수 있고 회원가입은 필요 없어요.
자주 묻는 질문
Q. 색상코드표에는 몇 가지 색이 있나요?
A. 이름 있는 색 52종을 빨강, 주황·갈색, 노랑, 초록, 파랑, 보라·분홍, 무채색 7개 계열로 나눠 담았어요. 이 중 50종은 CSS 표준 색 이름이고, 앰버(#FFBF00)와 민트(#3EB489)는 CSS 키워드가 없는 디자인 관용 이름이에요.
Q. 색상코드는 어떤 형식으로 복사되나요?
A. HEX, RGB, HSL 세 가지를 CSS에 바로 쓰는 형식으로 복사해요. 예를 들어 크림슨은 #DC143C, rgb(220, 20, 60), hsl(348, 83%, 47%)로 복사돼요.
Q. 명암 팔레트는 어떻게 만들어지나요?
A. 원색에 검정을 40%·20% 섞은 2단계, 원색, 흰색을 25%·50% 섞은 2단계까지 모두 5칸이에요. 칸을 누르면 그 색의 HEX가 복사돼요.