◩
이미지 도구
색상 팔레트 생성기
HEX 색상에서 밝은색, 어두운색, 보색 팔레트를 만듭니다.
이미지 도구
입력 / 출력
Hue wheel
158°
Base
#18E299
Color 2
#30D6A1
Color 3
#48CAA9
Color 4
#00EE91
Color 5
#00FA89
CSS 변수
:root {
--color-palette-1: #18E299;
--color-palette-2: #30D6A1;
--color-palette-3: #48CAA9;
--color-palette-4: #00EE91;
--color-palette-5: #00FA89;
}Tailwind 색상
colors: {
palette1: "#18E299",
palette2: "#30D6A1",
palette3: "#48CAA9",
palette4: "#00EE91",
palette5: "#00FA89"
}도움말사용 방법, 예시, 실무 팁, FAQ는 필요할 때 펼쳐보세요.
이 도구는 무엇인가요?
색상 팔레트 생성기는 HEX 색상에서 밝은색, 어두운색, 보색 팔레트를 만듭니다. 이미지 도구 흐름에 맞춰 입력, 옵션, 결과 확인을 한 화면에서 처리합니다.
사용 방법
- 색상 팔레트 생성기 입력
#18E299처럼 처리할 값을 입력하거나 기본 예시를 조정합니다.
- 옵션 확인
색상 팔레트, HEX, 컬러에 맞는 모드, 단위, 형식 옵션을 선택합니다.
- 결과 검토
4개 색상 swatch 형식의 결과를 확인하고 필요한 경우 복사하거나 내려받습니다.
예시
색상 팔레트 기본 확인
- 입력
- #18E299
- 출력
- 4개 색상 swatch
HEX 실무 점검
- 입력
- #18E299 값을 기준으로 옵션을 조정
- 출력
- 색상 팔레트 생성기 결과를 복사 가능한 형식으로 확인
색상 팔레트 생성기 결과 검수
- 입력
- #18E299 입력을 조금 바꿔 재실행
- 출력
- 변경된 결과를 이전 결과와 비교해 실제 작업에 맞는지 확인
실무 팁
- 색상 팔레트 생성기 결과가 업무 기준에 맞는지 원본 데이터와 한 번 더 대조하세요.
- 색상 팔레트 입력은 필요한 범위만 넣으면 브라우저 처리 속도를 유지하기 쉽습니다.
- AdSense 자동 광고는 도구 입력, 출력, 실행 버튼 안에 의도적으로 배치하지 않습니다.
FAQ
색상 팔레트 생성기에는 어떤 입력을 넣어야 하나요?
예시와 같은 색상 팔레트 값을 넣고 필요한 옵션을 조정하면 됩니다.
색상 팔레트 생성기 결과를 바로 복사할 수 있나요?
네. 결과 영역에서 확인한 뒤 복사 버튼이나 출력 텍스트를 사용하면 됩니다.
색상 팔레트 생성기를 모바일에서도 사용할 수 있나요?
네. 입력, 옵션, 실행, 출력 영역이 모바일 화면에서도 순서대로 보이도록 구성되어 있습니다.
색상 팔레트 생성기 페이지 광고가 도구 조작을 방해하나요?
아니요. 사이트는 수동 광고 영역을 만들지 않고 AdSense 자동 광고 설정을 보수적으로 운영합니다.
색상 팔레트 생성기 결과가 실제 업무 기준과 다르면 어떻게 하나요?
브라우저 도구는 입력값과 선택 옵션을 기준으로 계산합니다. 배포, 계약, 정산처럼 책임이 큰 작업에는 원본 기준이나 공식 문서와 한 번 더 대조하세요.