컬러 피커
색상 코드
보색 및 유사색
보색
유사색 1
유사색 2
삼각 1
삼각 2
색상 팔레트
최근 사용한 색상
색상을 선택하면 기록됩니다
사용 가이드
색상 선택
컬러 피커를 클릭하여 원하는 색상을 선택하거나 HEX 코드를 직접 입력하세요.
변환 결과 확인
선택한 색상이 HEX, RGB, HSL, CMYK 형식으로 자동 변환되어 표시됩니다.
코드 복사
필요한 형식의 색상 코드를 복사 버튼을 클릭하여 클립보드에 복사합니다.
자주 묻는 질문
HEX는 16진수로 색상을 표현합니다(#FFFFFF). RGB는 빨강(Red), 초록(Green), 파랑(Blue)의 값을 0-255로 표현합니다. HSL은 색상(Hue), 채도(Saturation), 밝기(Lightness)로 표현합니다.
CMYK는 인쇄용 색상 모델입니다. Cyan(청록), Magenta(자홍), Yellow(노랑), Key(검정)의 조합으로 색상을 표현하며, 주로 인쇄물 제작 시 사용됩니다.
네, 각 형식의 색상 코드 옆에 있는 복사 버튼을 클릭하면 해당 코드가 클립보드에 복사됩니다. CSS나 디자인 도구에서 바로 사용할 수 있습니다.
보색은 색상환에서 180도 반대에 위치한 색상으로, 강한 대비 효과를 줍니다. 유사색은 색상환에서 30도 인접한 색상으로, 조화로운 색상 조합을 만듭니다.
네, 선택한 색상은 브라우저의 로컬 스토리지에 저장되어 다음 방문 시에도 최근 사용한 색상을 확인할 수 있습니다.
웹에서는 주로 HEX나 RGB를 사용합니다. 투명도가 필요한 경우에는 RGBA나 HSLA를 사용합니다. CSS에서는 모든 형식을 지원합니다.
네, 반응형 디자인으로 제작되어 스마트폰, 태블릿, 데스크톱 등 모든 기기에서 최적화된 화면으로 이용 가능합니다.
선택한 색상을 기준으로 HSL의 밝기(Lightness) 값을 조절하여 10단계의 팔레트를 자동 생성합니다. 어두운 색부터 밝은 색까지 다양한 톤을 확인할 수 있습니다.
네, HEX 입력란에 #을 포함하여 코드를 직접 입력하면 다른 형식으로 자동 변환됩니다. 3자리(#FFF) 또는 6자리(#FFFFFF) 모두 지원합니다.
A는 Alpha 채널로, 투명도를 나타냅니다. 0은 완전 투명, 1은 완전 불투명입니다. HSLA에서도 동일하게 적용됩니다.
사용자 후기
웹 디자인 작업할 때 매일 사용해요. HEX에서 RGB로 변환이 필요할 때 바로바로 확인할 수 있어서 편리합니다.
보색과 유사색을 한눈에 볼 수 있어서 색상 조합을 고민할 때 도움이 많이 됩니다. 팔레트 기능도 유용해요!
인쇄물 작업 시 CMYK 변환이 필요한데, 여기서 바로 확인할 수 있어서 작업 속도가 빨라졌어요.
프론트엔드 개발자인데 CSS 색상 코드 복사 기능이 정말 편해요. 클릭 한 번으로 바로 복사됩니다.
색상 히스토리 기능 덕분에 자주 쓰는 색상을 다시 찾을 필요가 없어요. 로컬에 저장되니까 더 좋아요!
UI/UX 디자이너입니다. HSL 슬라이더로 미세 조정이 가능해서 원하는 색상을 정확하게 찾을 수 있어요.