색상 팔레트 생성
색 하나를 고르면 어울리는 조합과 밝기 단계를 만들어줍니다.
배색 방식 설명
색상환에서의 위치 관계로 조합을 만듭니다. 보색은 정반대편 색으로 대비가 강해 강조 요소에 씁니다. 유사색은 양옆의 가까운 색으로 차분하고 통일감 있는 화면을 만듭니다. 삼각 배색은 색상환을 3등분한 색들로 활기 있으면서 균형이 잡힙니다.
밝기 단계
같은 색상에서 밝기만 바꾼 여덟 단계입니다. 디자인 시스템의 색상 토큰을 만들거나, 배경과 테두리, 호버 상태의 색을 정할 때 이 단계에서 골라 쓰면 자연스럽게 어울립니다.
사용 방법
색 견본을 누르면 HEX 코드가 복사됩니다. 기준 색은 색상 선택기로 고르거나 HEX 코드를 직접 붙여넣을 수 있습니다.