계산

컬러 팔레트 빌더 무료

HEX 색상 코드를 사용하여 즉시 일치하는 색상 팔레트를 생성합니다. 명암, 보색, 유사색, 삼색조, 사색조를 모두 포함합니다. HEX/RGB/HSL 복사 기능도 제공합니다.

색상 팔레트 생성기
밝은 색조 (색조)
어두운 색조
보완적인
비슷한 물건
삼원적
사중
정보

컬러 팔레트 빌더 무료 버전에 대하여

색상 팔레트를 만드는 것은 웹 디자인, 그래픽 디자인 및 브랜드 아이덴티티 프로젝트에서 가장 중요한 단계 중 하나입니다. 잘 선택된 색상 팔레트는 사용자 경험을 개선하고 브랜드 일관성을 강화하며 눈의 피로를 줄여줍니다. 호스트라곤 색상 팔레트 생성기 이를 통해 하나의 기본 색상에서 시작하여 다섯 가지의 서로 다른 팔레트 스타일을 즉시 만들 수 있습니다.

도구; 색조(밝은 색조)색조 (어두운 색조), 보완적인, 비슷한 물건, 삼인조사중체 색채 이론에 따라 색상 조화를 계산합니다. 각 색상에 대해... 마녀, RGBHSL 한 번의 클릭으로 서식을 복사할 수 있습니다. 원하는 색상은 16진수 코드를 입력하거나 색상 선택 도구를 사용하여 입력할 수 있습니다.

모든 계산은 브라우저에서 실시간으로 수행되며, 서버로 데이터가 전송되지 않습니다. 이 도구는 CSS 변수, Tailwind 테마 색상 또는 Figma 색상 스타일을 준비할 때 참고 자료로 활용할 수 있습니다. 터키어 인터페이스와 모바일 친화적인 디자인으로 데스크톱과 스마트폰 모두에서 원활하게 작동합니다.

어떻게 사용하나요?

단계별로

  1. 색상 코드를 HEX 상자에 입력하세요(예: #3b82f6또는 색상 선택기 아이콘을 클릭하여 색상을 찾아보세요.
  2. 이 도구는 사용자가 선택한 색상을 자동으로 선택합니다. 색조, 보어, 비슷한 물건, 삼인조사중체 이 기계는 팔레트를 생산합니다.
  3. 각 색상 상자 아래에 HEX, RGB 및 HSL 값이 표시될 것입니다. 원하는 형식을 클릭하여 클립보드에 복사하세요.
  4. 메인 색상을 변경하면 모든 팔레트가 즉시 업데이트됩니다. 실시간 미리보기 덕분에 여러분은 즉시 조화를 느낄 수 있을 것입니다.
FAQ

자주 묻는 질문

색상환에서 선택한 색상과 정확히 반대되는(180°) 색상을 보색이라고 합니다. 보색은 높은 대비를 제공하며 시선을 사로잡는 포인트 색상으로 사용하기에 이상적입니다.

유사색은 색상환에서 서로 인접한(±30°) 색상입니다. 자연에서 흔히 볼 수 있는 이러한 조화는 눈에 차분하고 균형 잡힌 느낌을 주며, 배경색이나 텍스트 색상 조합에 자주 사용됩니다.

삼색 조화에서는 색상환을 세 부분(120°)으로 똑같이 나누어 균형 잡히고 생동감 넘치는 색상 팔레트를 만듭니다. 사색 조화에서는 네 가지 색상을 90° 간격으로 배치하여 더욱 다채로운 색상 팔레트를 제공하지만, 신중한 사용이 필요합니다.

색상 선택기를 클릭하여 운영 체제의 색상 선택 도구를 열 수 있습니다. RGB 또는 HSL 값이 있는 경우, 먼저 온라인 변환기를 사용하여 16진수 값으로 변환한 후 여기에 붙여넣으세요.

각 색상의 HEX 또는 HSL 값을 복사하세요. :root { --primary: #3b82f6; } CSS 변수로 다음과 같이 정의할 수 있습니다. HSL 형식은 밝기/채도를 프로그래밍 방식으로 조정하는 데 특히 적합합니다.