뒤로
이종석
이종석 ·

Color Picker & Palette & CSS Generator 소개

안녕하세요.


일상 생활이나 업무를 진행할 때 제가 가장 중요시하는 것인 바로 집중력과 생산성 입니다.


지난번에 목업 등 소개해 드렸는데 이번에는 "Color Palette 와 CSS Generator"를 소개해 드립니다.


전 세계적으로 수많은 확장앱과 사이트, 서비스, 앱 등이 존재합니다.


여기서 나에게 맞는 것을 찾는 것이 가장 어려운 일인 것 같습니다.


앱(서비스)을 나에게 맞추어 사용할 것인가? 아니면 나에게 맞는 앱(서비스)을 찾아서 사용할 것인가?


두가지 모두 장단점이 있기에 각자 스타일과 선호도에 따라 결정하면 될 것 같습니다.


랜딩 페이지 제작, 홈페이지 제작, PPT 문서 컬러 조화, 해당 색 컬러 찾기 등에 필요하여 제가 사용하고 있는 사이트 중에 가장 쓸만한 것들로 몇가지 소개해 드립니다.


선택과 사용은 항상 본인의 결정으로 되는 것이니 참고하시기 바랍니다.


  1. ColorZilla ( https://www.colorzilla.com/ )
  2. Google 및 Firefox 확장앱을 제공합니다.
  3. 제가 가장 애용하는 확장앱 입니다.
  4. CSS Gradient Generator 기능도 제공합니다.
  5. Color Mind ( http://colormind.io/ )
  6. 웹사이트 컬러, 템플릿 기능을 제공합니다.
  7. 사용자 이미지를 업로드하여 확인하는 기능도 제공합니다.
  8. Adobe ( https://color.adobe.com/ko/create/color-wheel )
  9. 색상, 그라디언트, 테마 기능을 제공합니다.
  10. 최근에 접근성 기능이 추가되었습니다.
  11. Color Hunt ( https://colorhunt.co/ )
  12. 가장 인기있는 색조합을 알려주는 기능을 제공합니다
  13. 카테고리 별 조합을 알려주는 기능을 제공합니다.
  14. 무작위 랜덤 기능도 제공합니다.
  15. Color Palettes ( https://colorpalettes.net/ )
  16. 패턴, 태그 별 기능을 제공합니다.
  17. 각종 SNS 공유 기능을 제공합니다.
  18. Muzil Colors ( https://colors.muz.li/ )
  19. 가장 인기있는 색조합을 알려주는 기능을 제공합니다.
  20. 이미 제작된 콘텐츠를 확인하면서 사용 가능한 기능을 제공합니다.
  21. Coolors ( https://coolors.co/ )
  22. 안드로이드, 애플, 피그마, 어도비, 크롬 등을 지원합니다.
  23. Collage, Gradient, Picker 등 다양한 기능을 제공합니다.
  24. 속도가 빠르다는 장점을 가지고 있습니다.
  25. Color Space ( https://mycolor.space/ )
  26. 서비스가 베타 버전일 약간 버벅이기는 하지만 나름 안정적으로 사용 가능합니다.
  27. Picker, Gradient 등의 기능을 제공합니다.


위에서 보시고 본인에게 맞는 것을 찾아서 1~3가지 수준으로 사용하시면 좋을 것 같습니다.


다음에는 랜딩 페이지, Saas 페이지, 홈페이지, UXUI 트렌드 파악 등에 도움이 되는 사이트를 소개해 드립니다.


감사합니다.

메이커 챌린지 4 by Disquiet

4주 동안 일주일에 한 편 이상의 메이커로그를 작성하는 챌린지

7

댓글

로그인 후 댓글을 남길 수 있습니다.

박종한
박종한

오 저도 color palette가 필요해서 HSL에 기초해서 이런 걸 만들어 봤었어요. https://han-park.github.io/color-palette/

이종석
이종석

사용법도 간단하여 너무 좋네요. 감사합니다.^^

박종한
박종한

근데 제 건 만들어진 함수를 살짝 비틀어서 사용한 거라 컬러 스케일이 정확하진 않아요 🤣🤣

Iron Sungchul Shin
Iron Sungchul Shin

저도 컬러마인드 사용하고 있는데요. 색 추출할때 좋아서, PPT를 만들거나 할때 이미지를 활용한 페이지 색을 만들때 주로 사용하고 있습니다.