일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- 코드워즈
- 자바스크립트
- 색상추출사이트
- 색상추출
- 배색
- 변수명
- 마크다운
- 색조합사이트
- GIST
- codewars
- 알고리즘사이트
- Markdown
- 색상 정보
- JavaScript
- 키보드이벤트
- keboardEvent
- vscode 환경설정 동기화
- 컬러배색
- 클래스명
- setting sync
- prettier
- 배색사이트
- Visual Studio Code
- 색조합
- VSCode
- 영어약자
- 변수명짓기사이트
- Today
- Total
어떻게든 일단 ______
[도움이 되는 꿀팁 사이트] 색 조합/색상 추출 사이트 본문
종종 사용하는 색 조합/색상 추출 사이트 모아놓기
[색 조합 / 배색 / 추천]
1. 컬러 네임(color-name)
https://www.color-name.com/
: HEX CODE로 찾으면 색 이름을 알려주는 사이트
: 메인 컬러를 정해놓고 보색이나 관련된 색 팔레트를 찾아보는데 아주 유용하다.
: HEX CODE 를 모를 경우 컬러피커로 색을 지정할 수도 있고, Top colors 나 Trending colors로 들어가서 직접 색을 선택해서 찾아볼 수도 있다.
: 각 색상 페이지마다 컬러를 적용한 목업이나 패턴도 볼 수 있어서 다양하게 활용이 가능할 것 같다.
2. 쿨러(coolors)
https://coolors.co/
: 스페이스 바 하나로 여러 컬러 파레트를 생성할 수 있는 색상 꿀 조합 사이트
: 일단 UI가 너무 깔끔하고, 직관적인 아이콘에 다양한 기능(비주얼라이저, 색상 순서 바꾸기, 색상 정보 퀵뷰 등)이 있어 큰 어려움 없이 사용할 수 있다.
: 이미지 업로드(또는 드래그앤드롭)시 색상 팔레트 추출해 주는 기능도 있다는 것을 이번에 알았다..!
(아래에 이미지 추출 사이트 추천도 있지만,,,)
3. 웹그라디언츠(Web Gradients)
https://webgradients.com/
: 그라디언트 파레트는 무조건 여기서..!
: 은은한 톤의 그라디언트가 많아서 구경하는 재미도 있다.
: png로 다운로드도 가능하고, css는 물론 색상코드 복사도 가능하다.
[이미지 색상추출]
색알못이지만 이런 느낌 이런 컨셉의 이미지를 메인으로 컬러를 조합하고 싶다? 할 때는 아래 사이트를 애용한다.
- 틴아이 랩스 (Tineye Labs)
https://labs.tineye.com/color/
: 이미지를 업로드(또는 붙여넣기) 하면 이미지에서 식별된 컬러의 코드 등 정보를 알려준다.
(실사인 경우 일러스트화 해서 색상을 식별한다)
: 각 컬러 코드를 클릭하면 해당 컬러로 이루어진 다양한 이미지를 보여주고, 코드 복사도 가능하다.
* 참고로 메인 사이트인 틴아이(tineye.com)는 이미지 검색 사이트로, 이미지 원본의 출처를 빠르게 검색해 준다.
-백만년만의 포스팅 완료