Slop Colors 안내
Slop Colors 시작하기
Slop Colors는 한 페이지에 있는 색 추출기, 팔레트 제작기, 명도 대비 검사기입니다. 사진과 팔레트는 브라우저에서 읽히며 업로드되지 않습니다.
페이지 구성
맨 위에는 현재 색이 HEX, RGB, HSL, OKLCH, CMYK 값과 함께 나오며, 각각 복사 버튼이 있습니다. 그 아래에는 네 개의 카드가 있습니다. 사진에서 추출, 팔레트, 이 색으로 만든 것, 명도 대비 검사입니다.
오른쪽 패널에는 색의 필드, 이 색으로 만들 것, 사진에서 찾을 색 개수, 내보내기가 있습니다. 휴대폰에서는 아래쪽에 시트로 나타나며, 설정을 누르면 열립니다.
사진에서 색 고르기
- 사진을 페이지에 놓거나 사진 열기…를 클릭하세요.
- 사진 위로 이동해 클릭하면 색을 고릅니다. 돋보기가 그 지점 아래의 픽셀을 보여 줍니다.
- 화살표 키로 한 픽셀씩 옮기고, Enter를 누르면 색을 팔레트에 추가합니다.
- 사진의 주요 색을 남기려면 모두 팔레트에 추가를 클릭하세요.
팁: Chrome과 Edge에서는 화면에서 추출을 누르면 화면 어디서든 색을 고를 수 있습니다.
팔레트 만들기
- 이 색 추가를 클릭하면 현재 색이 추가됩니다.
- 패널에서 조화와 단계를 고른 뒤, 한 행 아래의 팔레트로 사용을 누르세요.
- 팔레트의 각 색 아래에서 ‹와 ›는 옮기고, ✎는 이름을 붙이고, ×는 제거합니다.
명도 대비 확인
텍스트 색과 배경을 입력하거나, 패널의 텍스트 색으로 사용과 배경으로 사용을 쓰세요. 대비 비율과 WCAG 등급이 바로 표시되며, 텍스트 색 고치기를 누르면 AA를 통과하는 가장 가까운 색을 찾습니다.
내보내고 보관하기
- 팔레트 이름을 짓고 내보내기에서 형식을 고르세요.
- 팔레트 다운로드, 코드 복사 또는 Slop Drive에 저장…을 클릭하세요. 다른 앱에서 열기…는 파일을 다른 앱으로 보냅니다.
- 팔레트를 다시 열려면 .gpl, .ase, .json, .css 파일을 페이지에 놓으세요.