색상 팔레트

색을 2~6가지 골라 조합이 어떻게 보이는지 확인하세요.

색상 수

슬롯 1 편집

HEX
RGB
HSL
전체

※ 화면에서 색 뽑기는 PC Chrome · Edge에서 지원됩니다.

색상 조합, 이렇게 써보세요

색을 몇 가지 조합하는 게 좋을까요?
용도에 따라 다릅니다.
  • 웹·프레젠테이션 배경 + 강조: 2~3색 조합이 안정적
  • 브랜딩·로고: 2색 조합 (메인 + 서브)
  • 디자인 시안·무드보드: 4~6색까지 확장
색을 너무 많이 쓰면 시선이 분산되고, 너무 적으면 단조로워집니다.
어울리는 색을 고르는 원리가 있나요?
전통적으로 색상환(Color Wheel)을 기준으로 몇 가지 조합 원리가 알려져 있습니다.
  • 유사색 조합 (Analogous): 색상환에서 인접한 색. 자연스럽고 차분함
  • 보색 조합 (Complementary): 색상환에서 마주보는 색. 강한 대비 · 강조 효과
  • 삼각형 조합 (Triadic): 색상환 3등분 위치의 색. 활기찬 조합
  • 단색 조합 (Monochromatic): 한 색상의 명도·채도 변화만 사용. 통일감
HEX·RGB 코드는 어디에 붙여넣나요?
  • HEX: #3B82F6 형태 6자리 코드. CSS·HTML·디자인 툴(Figma·포토샵) 모두 지원
  • RGB: rgb(59, 130, 246) 형태. 웹 표준
  • 이 페이지의 코드는 클릭·복사로 어디든 붙여넣기 가능합니다
이미지에서 색상 추출은 어떻게 되나요?
업로드한 이미지의 픽셀을 분석해 대표 색상을 자동으로 뽑아냅니다. 사진의 분위기를 유지한 팔레트를 만들 때 유용합니다.
  • 지원 형식: JPG·PNG
  • 이미지는 브라우저 안에서만 처리됩니다 — 서버에 업로드되지 않으므로 개인 사진도 안전
광고
광고