메인 콘텐츠로 건너뛰기

이미지 색상 선택기

Figma의 색상 선택기로 어떤 이미지에서든 맞춤형 색상 팔레트를 만들어 보세요. 이미지를 업로드하거나 갤러리에서 선택하기만 하면 HEX, RGB, HSB, HSL 색상 코드로 제공되는 영감 가득한 색 구성표를 확인할 수 있습니다.

업로드된 에셋
팁
견본을 드래그하여 팔레트 색상 편집

여기에 이미지를 드래그앤드롭하거나 붙여 넣습니다.  + V

이미지를 업로드하면 당사의 서비스 이용 약관 및 개인정보 처리방침에 동의하는 것으로 간주됩니다.

여기에 이미지를 드롭합니다.

PNG, JPEG, GIF가 지원됩니다.

영감이 필요하세요?

다음 샘플 이미지 중 하나를 사용해 보세요.

슬라이드 1/5

디자인에 간편하게 색상 적용

Figma의 색상 선택기를 사용하면 이미지에서 원하는 색조를 선택해 즉시 디자인에 적용할 수 있습니다. Figma에서 팔레트를 열어 그레이디언트를 만들고, 색상 조화를 유지하며, 몇 번의 클릭만으로 맞춤형 색 구성표를 만들어 보세요.

색상 선택기로 디자인에 색상을 쉽게 적용하세요색상 선택기로 디자인에 색상을 쉽게 적용하세요
이 색상 선택기로 생성한 팔레트로 시간을 절약하세요이 색상 선택기로 생성한 팔레트로 시간을 절약하세요

생성된 팔레트로 작업 시간 단축

이미지를 업로드하면 Figma의 색상 선택기가 자동으로 팔레트를 생성합니다. 생성된 팔레트를 디자인 전반에 사용하거나 새로운 색상 조합을 간편하게 탐색해 보세요.

자주 묻는 질문

온라인 색상 선택기는 어떤 이미지에서든 정확하게 색상을 캡처해 색상 팔레트를 만드는 도구입니다. Figma의 색상 선택기 도구를 사용하면 어떤 이미지든 업로드하여 RGB, HEX, HSL 등 다양한 형식으로 맞춤형 색상 팔레트를 만들 수 있습니다. 그리고 색조와 속성을 조정하여 선택한 색상을 더욱 정밀하게 조정할 수도 있죠. 게다가 팔레트에서 원하는 색상만 추려낸 후, Figma에서 열어 디자인 에셋 전반에 사용할 수 있도록 저장할 수도 있습니다.

Figma의 색상 선택기를 사용하면 이미지나 디자인에서 모든 색상을 손쉽게 샘플링할 수 있습니다. 이미지를 업로드한 후, 슬라이더를 찾고자 하는 색상 위로 드래그하기만 하면 됩니다. 그런 다음 전체 팔레트를 구성한 후 ‘색상 팔레트 받기’를 클릭해 맞춤 선택 항목에 접근할 수 있습니다. 이 기능을 편집기 내에서 직접 사용하려면 색상 선택기나 Figma의 플러그인 라이브러리를 이용하세요.

색상 선택기 도구는 디자인 프로세스를 간소화하려는 디자인 팀에게 훌륭한 옵션입니다. 그 이유는 다음과 같습니다.

  • 작업 시간 단축 가능. 색상 선택기는 색상 팔레트 선택과 선별을 자동화할 수 있습니다. 자동으로 색상 코드를 생성하여 디자인 프로젝트에 더 빠르게 적용할 수 있습니다.
  • 디자인 영감 제공. 브랜드에 어울리는 영감 가득한 이미지를 업로드하면, 브랜드 정체성을 담은 팔레트를 더욱 손쉽게 만들 수 있습니다.
  • 브랜드의 일관성 보장. 브랜드 이미지를 업로드하면, 색상 선택기가 정확하고 정교하게 어울리는 색상을 제공합니다. 각 팔레트가 브랜드 정체성을 반영하고 있기 때문에 모든 브랜드 에셋이 일관성을 유지할 수 있습니다.
  • 유연한 호환. Figma의 색상 선택기는 모든 디지털 디자인과 호환되는 범용 색상 코드를 제공합니다.

Figma의 이미지 색상 선택기는 HEX, RGB, HSL, HSB 등 여러 색상 모델을 지원합니다. 이 기능을 사용하면 모든 프로젝트나 플랫폼에 맞게 색상을 조정할 수 있습니다.

HEX 색상 시스템은 웹 개발에서 특히 유용하며, 숏코드는 CSS와 매끄럽게 연동됩니다.

RGB 색상 모델은 디지털 디스플레이에 가장 적합합니다. 이 모델은 디지털 스크린이 빛을 사용해 색상을 생성하는 방식과 정확히 일치합니다.

HSL과 HSB는 세밀한 디자인 작업에 매우 적합합니다. 이 두 모델은 색상 속성을 정밀하게 제어하고 조정할 수 있어, 사용자의 취향에 맞게 색상을 손쉽게 다듬을 수 있습니다.

물론이죠! Figma Design에서 색상 팔레트를 생성한 후 열면, 프로젝트 파일에 자동으로 저장됩니다. 라이브러리에서 색상을 간편하게 선택하고 재사용할 수 있어 다른 파일과 프로젝트에서도 디자인 작업의 일관성을 유지할 수 있습니다. 아직 계정이 없으신가요? 지금 무료로 가입하세요!

더 많은 내용 살펴보기

색상환색상환

색 구성표 둘러보기

Figma의 색상환을 사용하여 완벽한 균형을 찾고 멋진 색상 조합을 만들어 보세요.

색상환 둘러보기

색상의 의미색상의 의미

색상의 의미 탐색

색상의 상징성, 조합, 역사에 대해 자세히 알아보세요.

색상 자세히 알아보기

디자인 기초디자인 기초

디자인 기초

탄탄하게 기본기를 다진 후 디자인을 시작하세요.

디자인 기초 자세히 알아보기

이미지를 업로드하면 당사의 서비스 이용 약관 및 개인정보 처리방침에 동의하는 것으로 간주됩니다.

Powered by Fruition