색상 코드를 복사하려면?

생성된 색상 스와치를 클릭하면 해당 hex 코드가 클립보드에 복사됩니다. 디자인 툴에 바로 붙여넣기 하여 사용하세요.

같은 분위기로 다른 팔레트를 받으려면?

같은 설정으로 다시 생성 버튼을 누르면 동일 분위기 내에서 다른 색조의 팔레트가 새로 생성됩니다.

분위기에 맞는 기본 색상(Hue)을 선택하고 용도에 따라 채도·명도를 조정해 5가지 단계별 색상을 HSL 기반으로 생성합니다.

분위기와 용도를 선택하면 조화로운 5색 팔레트를 즉시 생성합니다

분위기

용도

원하는 분위기와 용도를 선택하고 '팔레트 생성' 버튼을 누르면 조화로운 색상 5가지가 즉시 생성됩니다. 색상 스와치를 클릭하면 hex 코드가 클립보드에 복사되어 디자인 툴에 바로 활용할 수 있습니다.

분위기에 맞는 기본 색조(Hue)를 선택하고 용도에 따라 채도와 명도를 조정해 5가지 단계별 색상을 생성하는 HSL 기반 알고리즘을 사용합니다. '다시 생성'을 누를 때마다 약간 다른 색조의 새로운 팔레트가 생성됩니다.

색상 코드를 어떻게 복사하나요?

색상 스와치(색상 박스)를 클릭하면 해당 hex 코드(예: #3B82F6)가 클립보드에 복사됩니다.

생성된 팔레트를 Figma에서 사용하려면?

복사한 hex 코드를 Figma의 Color 패널에 붙여넣기 하면 됩니다. CSS 변수로 활용할 경우에도 hex 코드를 그대로 사용합니다.

5개 색상은 어떤 기준으로 구성되나요?

어두운 배경색, 어두운 강조색, 주 색상, 밝은 보조색, 매우 밝은 배경 강조색 순으로 명도 단계를 달리해 구성됩니다.