단색 팔레트이란?

기본 색상을 선택하고 그 색에서 어두운 음영과 밝은 틴트를 생성하세요. 단계 수를 설정한 뒤 CSS 변수, Tailwind 구성으로 내보내거나 개별 hex/RGB 값을 복사하세요.

사용 방법

1. 색상 선택기를 사용하여 기본 색상을 고르거나, 직접 hex 코드를 입력하세요.
2. 음영과 틴트의 단계 수를 조정하고, 어두움과 밝음의 범위를 설정하세요.
3. 개별 색상 값을 복사하거나, 전체 팔레트를 CSS 사용자 정의 속성, Tailwind 구성 객체, 또는 이미지 스와치로 내보내세요.

결과

대시보드를 만들면서 데이터 시각화를 위한 파란색 팔레트가 필요합니다. #3B82F6을 기본 색상으로 선택하고, 거의 흰색부터 거의 검정까지 9단계를 생성합니다. CSS 변수로 내보내어 차트 전반에 --color-blue-100부터 --color-blue-900까지 사용합니다.

관련 도구