단색 팔레트이란?
단색 팔레트 생성기는 단일 기본 색상으로부터 다양한 음영(더 어둡게)과 틴트(더 밝게)를 생성하여 조화로운 색상 구성표를 만들어 줍니다. 단계 수를 조절하고, 팔레트를 CSS 변수, Tailwind 구성, 또는 개별 hex/RGB 값으로 내보내세요.
사용 방법
- 색상 선택기를 사용하여 기본 색상을 고르거나, 직접 hex 코드를 입력하세요.
- 음영과 틴트의 단계 수를 조정하고, 어두움과 밝음의 범위를 설정하세요.
- 개별 색상 값을 복사하거나, 전체 팔레트를 CSS 사용자 정의 속성, Tailwind 구성 객체, 또는 이미지 스와치로 내보내세요.
결과
대시보드를 만들면서 데이터 시각화를 위한 파란색 팔레트가 필요합니다. #3B82F6을 기본 색상으로 선택하고, 거의 흰색부터 거의 검정까지 9단계를 생성합니다. CSS 변수로 내보내어 차트 전반에 --color-blue-100부터 --color-blue-900까지 사용합니다.