배색(색상 조화)이란 무엇인가요?

색상환에서의 위치로 고른 색 조합입니다. 유사색은 서로 나란히 있고, 보색은 마주 보며, 삼각 배색은 같은 간격으로 떨어져 있습니다.

셰이드와 틴트는 무엇인가요?

한 색의 더 어둡고 더 밝은 버전입니다. 셰이드 스케일은 디자인 시스템처럼 50(가장 밝음)부터 950(가장 어두움)까지 11단계를 제공합니다.

CSS 변수, Tailwind 테마, JSON 또는 HEX 코드 목록으로 내보내세요.

아니요. 팔레트는 내 기기에서 만들어집니다.

네. 가입이나 설치 없이 무료로 사용할 수 있습니다.

무료, 가입 불필요, 브라우저에서 작동합니다. 키 하나로 색상 팔레트를 생성하고, 마음에 드는 색은 고정하거나, 기준 색에서 유사색, 보색, 삼각 배색으로 팔레트를 만드세요. CSS 변수, Tailwind, JSON으로 내보낼 수 있습니다.

또는 Space을(를) 누르세요. 마음에 드는 색은 잠가서 유지하세요.

기준 색상색상 조화

색상 조화는 색상환을 따라 색조를 돌립니다. 유사색은 가까운 색을, 보색은 반대편 색을, 삼각 배색은 세 색조를 균등하게 배치합니다.

음영을 클릭하면 복사됩니다. 팔레트에서 다른 색을 선택하면 그 색의 음영이 표시됩니다.

CSS 변수TailwindJSONHEX 목록

:root {
  --color-1: #1a1446;
  --color-2: #2f5bff;
  --color-3: #3ddc97;
  --color-4: #ffe14d;
  --color-5: #ff7ac6;
}

팔레트는 내 기기에서 만들어집니다.

배색(색상 조화)이란 무엇인가요?: 색상환에서의 위치로 고른 색 조합입니다. 유사색은 서로 나란히 있고, 보색은 마주 보며, 삼각 배색은 같은 간격으로 떨어져 있습니다.
셰이드와 틴트는 무엇인가요?: 한 색의 더 어둡고 더 밝은 버전입니다. 셰이드 스케일은 디자인 시스템처럼 50(가장 밝음)부터 950(가장 어두움)까지 11단계를 제공합니다.
팔레트를 코드에서 어떻게 쓰나요?: CSS 변수, Tailwind 테마, JSON 또는 HEX 코드 목록으로 내보내세요.
업로드되는 것이 있나요?: 아니요. 팔레트는 내 기기에서 만들어집니다.
색상 팔레트 생성기은(는) 무료인가요?: 네. 가입이나 설치 없이 무료로 사용할 수 있습니다.