다른 말로 북마크 털기
🎨 Color Hunt
색상 팔레트 사이트
- 마음에 드는 팔레트를 저장할 수 있다
- HEX 코드(16진수)를 바로바로 추출할 수 있다
- 팔레트는 이미지로도 저장 가능하다
이외에도 Pastel, Neon, Vintage 등의 키워드나 색 계열별로 검색할 수 있어서 편리하다
실제로 스킨 만들 때 99%는 컬러헌트에서 색을 뽑아온다
+
- 로그인 기능은 따로 없고 저장한 팔레트는 로컬 스토리지에 기록된다
- 그래서 인터넷 기록을 삭제하면 저장한 팔레트가 다 날아간다...
🖼️ Pictones
(https://pictones.firebaseapp.com)
- 업로드한 이미지의 색상 팔레트를 추출해 주는 사이트
- 원하는 색상의 수(1~32)의 설정이 가능하고 Inspire me!로 랜덤하게 이미지를 불러오기도 한다
🖌️ WebGradients
- 그라디언트 색상 팔레트
- 총 180가지의 팔레트가 있다
- 코드 복사도 편하고 이미지로 다운받거나 두 가지의 색상이 사용된 경우에는 바로 HEX 코드를 볼 수 있어서 편리하다
🏳️🌈 uiGradients
- 그라디언트 팔레트를 제공하고 직접 색상을 넣어 미리 확인해볼 수도 있다
- 사실 여긴 잘 안 들어간다...ㅎ 그라디언트 아이디어가 죽게 없을 때 한번씩 둘러보는 곳
💙 Coolors
- 팔레트 아카이브, 팔레트 제너레이터, 대비 확인 등등
- Coolors는 다양하고 유용하게 쓸 수 있는 툴을 많이 제공해줘서 한번 살펴볼 만한 가치가 있다 (!!!!)
- 특히 폰트 색상과 배경색 사이의 대비를 확인할 수 있는 툴을 제공한다
- 이 툴을 잘 이용하면 좀 더 효과적이고 접근성 좋은 웹디자인을 할 수 있게 된다
- 여긴 진짜진짜 와따야.. 👍
👀 CSS Peeper
(http://bit.ly/2h52BoV) - 크롬 확장 프로그램
- 웹페이지에 사용된 색상, 크기, 이미지 등을 알아서 뽑아주는 확장툴
- Peeper라는 이름답게 코드를 직접 까거나(?) 캡쳐 후 스포이드로 색상을 뽑아낼 필요 없이 얘 하나로 확인이 가능하다
- 유용은 한데 난 엄청엄청 귀찮을 때.. 근까 거의 절박할 때(....) 씀
🌈 Tint & Shade Generator
(https://maketintsandshades.com/)
- 말 그대로 입력한 색상의 틴트(밝은 계열)랑 쉐이드(어두운 계열)를 뽑아준다
- 이 툴도 정말 많이 쓰고 디자인할 때 참고하면 좋은 툴임!!
- 스킨 만들 때는 색을 아무래도 제한적으로 쓸 수밖에 없지만 다른 거 디자인하다가 오버 시 색상 변화 등을 줄 땐 맨날 여기 들어가서 HEX 코드 복사해간다
🚩 Open Color
(https://yeun.github.io/open-color/)
- UI / UX 디자인할 때 사용하면 좋은 색상 팔레트 제공
- 색상 스펙트럼 중에서 어느 걸 하나 콕 집어 사용하기에는 감이 잘 안 올 때 참고하면 좋다
🌀 Tailwind Colors
(https://tailwindcss.com/docs/customizing-colors)
- 유명한 CSS 라이브러리 중 하나인 Tailwind에서 제공하는 색상 팔레트
- 여기 팔레트도 잘 사용하면 정말 도움 많이 된다
+++
웹 짤 때마다 Color Hunt / Tint & Shade Generator / Coolors는 무조건 메인으로 쓸 만큼 가장 애용하는 곳이고 또 많이 얻어갈 수 있는 곳