뒤로
이종석
·
Color Picker & Palette & CSS Generator 소개
안녕하세요.
일상 생활이나 업무를 진행할 때 제가 가장 중요시하는 것인 바로 집중력과 생산성 입니다.
지난번에 목업 등 소개해 드렸는데 이번에는 "Color Palette 와 CSS Generator"를 소개해 드립니다.
전 세계적으로 수많은 확장앱과 사이트, 서비스, 앱 등이 존재합니다.
여기서 나에게 맞는 것을 찾는 것이 가장 어려운 일인 것 같습니다.
앱(서비스)을 나에게 맞추어 사용할 것인가? 아니면 나에게 맞는 앱(서비스)을 찾아서 사용할 것인가?
두가지 모두 장단점이 있기에 각자 스타일과 선호도에 따라 결정하면 될 것 같습니다.
랜딩 페이지 제작, 홈페이지 제작, PPT 문서 컬러 조화, 해당 색 컬러 찾기 등에 필요하여 제가 사용하고 있는 사이트 중에 가장 쓸만한 것들로 몇가지 소개해 드립니다.
선택과 사용은 항상 본인의 결정으로 되는 것이니 참고하시기 바랍니다.
- ColorZilla ( https://www.colorzilla.com/ )
- Google 및 Firefox 확장앱을 제공합니다.
- 제가 가장 애용하는 확장앱 입니다.
- CSS Gradient Generator 기능도 제공합니다.
- Color Mind ( http://colormind.io/ )
- 웹사이트 컬러, 템플릿 기능을 제공합니다.
- 사용자 이미지를 업로드하여 확인하는 기능도 제공합니다.
- Adobe ( https://color.adobe.com/ko/create/color-wheel )
- 색상, 그라디언트, 테마 기능을 제공합니다.
- 최근에 접근성 기능이 추가되었습니다.
- Color Hunt ( https://colorhunt.co/ )
- 가장 인기있는 색조합을 알려주는 기능을 제공합니다
- 카테고리 별 조합을 알려주는 기능을 제공합니다.
- 무작위 랜덤 기능도 제공합니다.
- Color Palettes ( https://colorpalettes.net/ )
- 패턴, 태그 별 기능을 제공합니다.
- 각종 SNS 공유 기능을 제공합니다.
- Muzil Colors ( https://colors.muz.li/ )
- 가장 인기있는 색조합을 알려주는 기능을 제공합니다.
- 이미 제작된 콘텐츠를 확인하면서 사용 가능한 기능을 제공합니다.
- Coolors ( https://coolors.co/ )
- 안드로이드, 애플, 피그마, 어도비, 크롬 등을 지원합니다.
- Collage, Gradient, Picker 등 다양한 기능을 제공합니다.
- 속도가 빠르다는 장점을 가지고 있습니다.
- Color Space ( https://mycolor.space/ )
- 서비스가 베타 버전일 약간 버벅이기는 하지만 나름 안정적으로 사용 가능합니다.
- Picker, Gradient 등의 기능을 제공합니다.
위에서 보시고 본인에게 맞는 것을 찾아서 1~3가지 수준으로 사용하시면 좋을 것 같습니다.
다음에는 랜딩 페이지, Saas 페이지, 홈페이지, UXUI 트렌드 파악 등에 도움이 되는 사이트를 소개해 드립니다.
감사합니다.
메이커 챌린지 4 by Disquiet
4주 동안 일주일에 한 편 이상의 메이커로그를 작성하는 챌린지
7
댓글
로그인 후 댓글을 남길 수 있습니다.
오 저도 color palette가 필요해서 HSL에 기초해서 이런 걸 만들어 봤었어요. https://han-park.github.io/color-palette/
사용법도 간단하여 너무 좋네요. 감사합니다.^^
근데 제 건 만들어진 함수를 살짝 비틀어서 사용한 거라 컬러 스케일이 정확하진 않아요 🤣🤣
저도 컬러마인드 사용하고 있는데요. 색 추출할때 좋아서, PPT를 만들거나 할때 이미지를 활용한 페이지 색을 만들때 주로 사용하고 있습니다.