비교 · 확인일 2026-10-25
최고의 무료 색상 팔레트 및 대비 도구
좋은 팔레트 도구는 사진에서 색을 찾고, 한 가지 색으로 조화로운 배색을 만들고, 텍스트가 읽기 쉬운지 확인하고, 팔레트를 디자인 도구나 코드로 넘겨줄 수 있어야 합니다. 각 도구가 제공하는 기능을 공식 페이지 기준으로 정리했습니다.
이 페이지의 도구 중 하나인 Slop Colors은(는) 저희가 만듭니다. 다른 도구에 관한 모든 정보는 2026-10-25 기준으로 각 도구의 자체 페이지에서 가져왔으며, 각 도구 아래에 링크되어 있습니다. 가격과 기능은 바뀔 수 있으니 고르기 전에 각 사이트를 확인하세요.
비교 방법
- 무료 여부와 계정 또는 요금제가 추가하는 기능
- 사진에서 색 추출
- 한 가지 색에서 조화색과 단계 색상 만들기
- WCAG 대비 검사
- 내보내기 파일 (CSS, Tailwind, ASE, GPL)
한눈에 보기
| 도구 | 가격 | 실행 환경 | 사진에서 색 추출 | 대비 검사 |
|---|---|---|---|---|
| Slop Colors 저희 앱 | 무료, 계정 필요 없음 | 최신 브라우저 | 스포이트와 주요 색상 (k-means) | 비율, AA와 AAA, 수정 제안 포함 |
| Coolors | 무료 요금제, Pro 요금제 | 웹, iOS 앱, Figma 플러그인, Chrome 확장 프로그램 | Image Picker | Contrast Checker |
| Adobe Color | 무료 | 웹 | 이미지에서 추출 | WCAG 안내를 포함한 대비 비율 |
| WebAIM Contrast Checker | 무료 | 웹 | 아니요 (스포이트로 화면에서 색을 고름) | AA와 AAA, 일반 텍스트, 큰 텍스트, UI |
| 기능 | Slop Colors 저희 앱 | Coolors | Adobe Color | WebAIM Contrast Checker |
|---|---|---|---|---|
| 사진에서 색 추출 | 예 | 예 | 예 | 아니요 |
| 한 가지 색에서 조화색 만들기 | 예 | 명시되지 않음 | 예 | 아니요 |
| WCAG 대비 검사 | 예 | 예 | 예 | 예 |
| 큰 텍스트와 UI 단계 | 예 | 명시되지 않음 | 명시되지 않음 | 예 |
| 색각 이상 미리 보기 | 아니요 | 명시되지 않음 | 예 | 아니요 |
| CSS 내보내기 | 예 | 예 | 명시되지 않음 | 아니요 |
| Tailwind 내보내기 | 예 | 예 | 명시되지 않음 | 아니요 |
| Adobe .ase 내보내기 | 예 | 예 | 명시되지 않음 | 아니요 |
| GIMP .gpl 내보내기 | 예 | 명시되지 않음 | 명시되지 않음 | 아니요 |
| OKLCH 값 | 예 | 명시되지 않음 | 명시되지 않음 | 아니요 |
| 계정 필요 없음 | 예 | 일부 | 일부 | 예 |
| 사진은 기기에 그대로 남음 | 예 | 명시되지 않음 | 명시되지 않음 | 예 |
1. Slop Colors (저희 앱)
가장 적합한 경우: 내 사진에서 색을 비공개로 추출하고, 대비를 확인하고, 팔레트를 코드나 스와치 파일로 한 페이지에서 내보내는 데 적합합니다.
장점
- 사진은 브라우저에서 읽히며 업로드되지 않습니다
- CSS 변수, Tailwind 설정, JSON, Adobe .ase와 GIMP .gpl 내보내기를 지원하며 내보낸 파일을 다시 열 수 있습니다
- HEX, RGB, HSL, OKLCH, CMYK를 지원하며, 색 영역을 벗어난 OKLCH 값은 sRGB로 변환됩니다
단점
- 다른 사람과 공유하는 팔레트 보관함이 없습니다
- 색각 이상 미리 보기가 없습니다
- 팔레트를 PDF나 이미지로 내보낼 수 없습니다
2. Coolors
가장 적합한 경우: 팔레트를 빠르게 만들고 둘러보고 싶을 때, 대형 보관함과 디자인 도구용 플러그인이 필요할 때 적합합니다.
장점
- 스페이스바로 팔레트를 생성하고, 1,000만 개가 넘는 팔레트를 둘러볼 수 있습니다
- PDF, 이미지, CSS, ASE, SVG, 코드, Tailwind로 내보낼 수 있습니다
- Palette Visualizer에서 디자인 위에 색을 미리 볼 수 있습니다
단점
- 무료 요금제는 팔레트를 10개까지 저장하며, 공식 페이지는 Image Picker 색 추출과 고급 내보내기를 Pro 기능으로 소개합니다
Coolors 웹사이트 · 출처: Coolors 홈페이지
3. Adobe Color
가장 적합한 경우: Adobe 앱을 쓰는 디자이너가 색상환에서 조화 규칙을 적용하고 팔레트를 라이브러리에 저장하고 싶을 때 적합합니다.
장점
- 색상환에서 단색, 보색, 유사색, 삼각 배색, 분할 보색 규칙을 적용할 수 있습니다
- 색각 이상 미리 보기
- 다른 프로젝트에서 쓰도록 팔레트를 라이브러리에 저장합니다
단점
- 색상환 페이지에는 내보내기 파일에 대한 언급이 없습니다
Adobe Color 웹사이트 · 출처: Adobe Color, 색상환
4. WebAIM Contrast Checker
가장 적합한 경우: 텍스트와 배경의 색 조합 하나를 WCAG 기준으로 확인하고, 결과를 링크로 공유하고 싶을 때 적합합니다.
장점
- 명도 슬라이더로 두 색 중 어느 쪽이든 조정할 수 있습니다
- 결과에 대한 고유 링크와 JSON API를 제공합니다
- 전경색에 투명도를 적용할 수 있습니다
단점
- 한 쌍만 검사하며, 팔레트를 만들거나 내보내지 않습니다
WebAIM Contrast Checker 웹사이트 · 출처: WebAIM Contrast Checker
선택 기준
색을 내 사진에서 가져와 코드나 디자인 도구로 넘겨야 할 때는 Slop Colors를 추천합니다. 스포이트, 주요 색상, 대비 검사, 내보내기가 한 페이지에 있고 아무것도 업로드되지 않습니다.
생성기, 보관함, 플러그인이 필요하면 Coolors를, 색상환과 Adobe 라이브러리가 필요하면 Adobe Color를, 색 조합 하나를 검사하고 공유하려면 WebAIM 검사기를 고르세요.
질문
어떤 대비 비율이 필요한가요?
WCAG AA는 일반 텍스트에 4.5:1, 큰 텍스트와 UI 요소에 3:1을 요구합니다. AAA는 7:1과 4.5:1을 요구합니다. 네 가지 도구 모두 비율을 보여 줍니다.
Photoshop이나 Illustrator에서 열리는 파일은 무엇인가요?
Adobe Swatch Exchange(.ase) 파일입니다. Slop Colors와 Coolors 모두 이 형식으로 내보낼 수 있습니다.
사진이 업로드되나요?
Slop Colors에서는 업로드되지 않습니다. 사진은 브라우저에서 읽힙니다. 다른 도구의 개인정보 보호 안내는 각 도구에서 직접 확인하세요.
다른 제품의 이름은 각 소유자의 상표입니다. Slopographic은 이들과 제휴하지 않습니다.